即使建议的尺寸,Facebook Open Graph图像也会被裁剪

时间:2014-02-18 21:49:12

标签: facebook facebook-graph-api

我刚刚通过设置开放图元标记在我的网站(http://traveleagle.in)上添加了facebook社交插件。根据最近的指南,我在og:图像中使用了大小为600x315的png图像,这意味着建议的宽高比为1.91:1。问题是即使使用Facebook的lint工具(https://developers.facebook.com/tools/debug)正确显示og:图像,共享插件上的图像也会被裁剪(154x154)。我符合最小图像大小标准,但插件不显示完整的图像,并始终裁剪它。还有其他人有类似的问题吗?

3 个答案:

答案 0 :(得分:1)

我有类似的问题。尝试更大的图像:1146x600和1200x630适合我。仍然在一些浏览器上它不适合(如iPhone Safari),但它是一个很大的形象。

答案 1 :(得分:1)

尝试specifying宽度和高度:

  

使用og:image:widthog:image:height Open Graph标记。使用这些   标签会将图像指定给爬虫,以便它可以渲染它   立即无需异步。

您可以尝试将该图片升迁至 1200 x 630 ,以便在高分辨率设备上正确渲染。

还要确保在调试器上没有获得任何缺少标记的标记。缺少fb:app_idog:type可能会产生意外结果。

答案 2 :(得分:0)

你必须使用更大的图像,然后它将被缩小到一个小尺寸。

如您所知,并且您保留了推荐的宽高比,并且您也使用了以下属性:

  

og:image属性有一些可选的结构化属性:

og:image:url - Identical to og:image.
og:image:secure_url - An alternate url to use if the webpage requires HTTPS.
og:image:type - A MIME type for this image.
og:image:width - The number of pixels wide.
og:image:height - The number of pixels high.

您在文档中使用了FB推荐的较小图像。 切换到新的大小,它将解决您的问题(两倍于您使用的图像)

  

我在og:图片中使用了png图像,大小为600x315

<强> Image Sizes

  

使用至少 1200 x 630 像素的图像,以便在高分辨率设备上获得最佳显示效果。至少,您应该使用600 x 315像素的图像来显示包含较大图像的链接页面帖子。图像最大可达8MB。

enter image description here