我刚刚通过设置开放图形元标记在我的网站 (http://traveleagle.in) 上添加了 facebook 社交插件。根据最近的指南，我在 og:image 中使用了一个 png 图像，大小为 600x315，可转换为推荐的 1.91:1 纵横比。问题是即使 og:image 使用 Facebook 的 lint 工具 (https://developers.facebook.com/tools/debug) 正确显示，共享插件上的图像也会出现裁剪 (154x154)。我符合最小图像尺寸标准，但插件不会显示完整的图像并且总是裁剪它。有没有其他人遇到过类似的问题？
【问题讨论】：
标签： facebook facebook-graph-api
我也有类似的问题。尝试更大的图像：1146x600 和 1200x630 适合我。仍然在某些浏览器上不适合（如 iPhone Safari），但它是一个大图像。
【讨论】：
试试specifying的宽高：
使用
og:image:width和og:image:height打开图形标签。使用这些 标签会将图像指定给爬虫，以便它可以渲染它 立即而无需异步。
您可以尝试将该图像放大到 1200 x 630，以便它在高分辨率设备上正确呈现。
还要确保在调试器上您没有收到任何缺少标签的标志。缺少fb:app_id 和og:type 可能会产生意想不到的结果。
【讨论】：
您必须使用较大的图像，然后将其复制到较小的尺寸。
如您所知，您保留了推荐的纵横比，并且还使用了以下属性：
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:image 中使用了一个 png 图像，大小为 600x315
Image Sizes使用至少 1200 x 630 像素的图像，以便在高分辨率设备上获得最佳显示效果。至少，您应该使用 600 x 315 像素的图像来显示带有较大图像的链接页面帖子。图片的大小最大为 8MB。
【讨论】：