尽管尺寸正确,但 Facebook 从外部网站共享的图像太小

Posted

技术标签:

【中文标题】尽管尺寸正确,但 Facebook 从外部网站共享的图像太小【英文标题】:Facebook shared image from external website too small despite being correct size 【发布时间】:2015-10-23 05:51:33 【问题描述】:

我正在处理外部客户的项目。

Facebook 有一个可以正常工作的分享按钮。我已将共享图像创建为 1200 x 630,因此共享时它应在新闻源中显示为矩形图像。

但是,尽管图片大小如此,Facebook 仍将缩略图共享为小方形图标,因此会错误地裁剪图像。因此,我没有在新闻源上获得矩形共享图像,而是获得了一个小的方形图像,该图像也裁剪了我原来的矩形设计图像。

我已经阅读了一些关于这个的帖子,但是,所有的答案都是关于图像大小的......我有点没有想法。任何帮助将不胜感激。

【问题讨论】:

【参考方案1】:

您可以使用元标记来显式设置图像的宽度和高度

<meta property="og:image" content="http://yourwebsite.com/images/yourimage.jpg"/>
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />

【讨论】:

谢谢。但是,我无法控制该代码所在的文档的 。只能控制 元素,并且到目前为止已经通过 iframe 处理代码......我知道这并不理想,但不幸的是,到目前为止,这是能够部分工作的唯一方法。

以上是关于尽管尺寸正确,但 Facebook 从外部网站共享的图像太小的主要内容,如果未能解决你的问题,请参考以下文章

无法使用开放图形元标记从我的 React next.js 网站共享 Facebook/Twitter 内容

从外部进程读取输出

用于 facebook、linkedin 和 twitter 的 OpenGraph 元数据

如何仅使用帖子 ID 与 FBWebDialogs 共享 Facebook 帖子?

PHP Facebook Graph API 和完整或更大尺寸的帖子图像

facebook的共享调试器说图像无法共享,因为它超过8mb而小于500kb