为Facebook定义开放图形图像大小

时间:2017-10-09 12:23:22

标签: html facebook opengraph

我通过互联网搜索以找到解决此问题的正确方法。但我没找到一个。

要在Facebook上分享网页,我使用的开放图表如下所述,与facebook开发者网站相同。

color3

png文件的图像大小为796x417像素

此代码在Facebook墙壁和信使应用程序的Facebook帖子共享中以正确的比例正确显示1.91:1。

但在facebook收件箱中,它按1:1的比例显示如下(最后一条消息)。这仅显示裁剪的图像,因此缺少某些字符

enter image description here

有没有办法(打开图表)以特定的比例查看Facebook收件箱和Facebook壁共享的图像。

作为一个例子,我可以使用两个不同的图像在壁柱中以1.91:1的比例共享链接,另一个图像与收件箱的比例为1:1。

1 个答案:

答案 0 :(得分:1)

在定义image / s及其属性时,您应密切关注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" />