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

Question

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

Answer 1

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

Answer 2

尝试specifying宽度和高度：

  

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

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

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

Answer 3

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

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

  

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。