2017-10-09 92 views
-1

我通过互联网搜索以找到适合此问题的解决方案。但我没有找到一个。为facebook定义开放图形图像大小

在facebook上分享一个网页我使用了开放图,如同在facebook开发人员网站中提到的一样。

<meta name="description" content="Description is here" /> 
 
     <meta property="og:image" content="http://www.example.com/images/11.png" /> 
 
     <meta name="keywords" content="Business Intelligence, Big Data, Data driven" /> 
 
     <meta name="developer" content="companyName"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
此PNG文件的

图像尺寸是796x417像素

此代码正确地显示在1.91正确比例:在Facebook发布共享在Facebook上壁和信使应用程序1。

但是,在Facebook收件箱中,它以1:1的比例显示,如下所示(最后一条消息)。这仅显示裁剪图像,因此一些字符丢失

enter image description here

是否有任何方式(开放曲线)来查看在Facebook的收件箱和Facebook壁共享特定比率的图像。

作为一个示例,我可以使用两个不同的图像来共享链接,比如1.91:1的比例,另一个图像的比例为1:1。

+0

如果您投下的投票请提及原因 – spyuom

回答

0

您应该严格遵循OpenGraph规范定义图像及其属性:http://ogp.me/#array。因此,定义了一个首选图像,然后定义高度,然后将另一个定义为后备等。试试看,让我们知道你取得了什么。也许你可以通过给图像一些基本高度/宽度来控制宽高比。

<meta property="og:image" content="http://www.example.com/images/11.png" /> 
<meta property="og:image:width" content="796" /> 
<meta property="og:image:height" content="417" /> 
<meta property="og:image" content="http://www.example.com/images/12.png" />