Facebook Open Graph Images的最小宽度和高度是多less？

我已经读过Facebook开放图中与给定URL相关联的图像必须大于50 x 50

但是，当我们运行Facebook Objectdebugging器时，我们得到以下警告：

“Tiny og：image：og：image引用的所有图片的尺寸必须至less为200px，请检查所有带有标签og：image的图片，并确保它符合最低要求。

我们的url是http://www.famousbirthdays.com/people/charlie-chaplin.html ，图片在对象属性下显示

我们是否需要将我们的图像转换成200 x 200？ 或者我们可以保持原样吗？ 这是目前的65×75的图像。

谢谢你的帮助！

今天，我对这个问题有更清晰的回答（来自Open Graphdebugging器工具 ）：

小og：image：og：image引用的所有图像在两个维度上都应该至less为200像素，首选1500×1500。 （最大图像大小为5MB。）请检查所有带有标签og：image的图像，并确保它符合build议的规格。

og：图像应该更大：提供的图像不够大。 请使用至less200x200，最好是1500×1500的图片。 （最大图像大小为5MB。）将使用图像…。

所以， 是的 ，你必须把你的开放graphics图像转换成至less200x200像素，看起来越大越好。

如果您的图片小于200×200，Facebook会尝试在页面上使用较大的图片（if）。

debugging器返回的相同信息可以在打开的graphics文档中的“最大化媒体内容分配”主题中find，项目3：标签

编辑：Facebook修正了他们的文档：

从卢西亚诺的答案 ：

og：图片的尺寸至less应为200像素，首选1500×1500。 （最大图像大小是5MB。）

这很清楚。 它们不能超过130×110像素，每面至less200px。 如果您将图像存储在TARDIS上，则完全可以。

说真的，我自己碰到了这个，自从页面不久前通过的时候，我就很困惑了。 我希望这是一个为时间轴布局devise的更改，只是在文档中没有更新。 我无法find的是如果og：图像现在必须“至less”每面200px什么是最大值以及当前build议的大小是多less？ 跆拳道确实。

斯科特

我也遇到了同样的问题。我正在使用wordpress网站，所以我不得不放弃www 。 检查你的wordpress admin > settings >general为您的网站地址/ wordpress地址等。这克服了其他的URL错误。
至于图像问题，我只能说这是在我的头文件中为我工作。 我在下面添加了这个。 

 <html prefix="og: http://ogp.me/ns#"> <head> <meta property="og:image" content="http://yourwebsite.comhttp://img.dovov.comyourimage.jpg"/> <meta property="og:image:width" content="500" /> <meta property="og:image:height" content="500" /> <meta property="og:title" content="your website page title"/> <meta property="og:url" content="http://yourwebsite.com"/> <meta property="og:site_name" content="site name and content etc"/> <meta property="og:description"content="description of site" /> <meta property="og:type" content="Website"/>

在wordpress中，我离开了<title><?php wp_title( '|', true, 'right' ); ?></title> <title><?php wp_title( '|', true, 'right' ); ?></title>在那里。

也正如在我的例子中的其他post中所build议的这个代码： <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / >让它不工作。 删除它立即修复。

我使用了500×500的图像。 好运..希望我救了别人的痛苦。

只要遵循这些规则：

  1. “使用至less1200 x 630像素的图像以获得高分辨率设备的最佳显示效果。”
  2. “尽量保持您的图像尽可能接近1.91：1纵横比，以便在没有任何裁剪的情况下在新闻Feed中显示完整图像。”
  3. 图像的首选宽度是1500px

坚持以上原则， 首选图像的宽度为1500px，高度为786px （保留1.91：1宽高比）。

来源： Facebook：分享最佳实践

看起来是规范中的一个错误。 解决方法是将图像制作为200像素，但剪下不想看到的图像，或者如果原稿足够大，则缩小图像。 例如，如果图像是25×25像素，则可以向两个尺寸添加175px，然后将该图像嵌套在具有溢出的div内：隐藏的CSS属性和宽度/高度为25×25。 不是最干净的，但它会工作。

我已经用Facebook打开了一个错误票，解决了糟糕的文档问题，并发现如果这是一个实际的规范或错误。 http://developers.facebook.com/bugs/210269722417284

看起来他们更新了他们的文档：

图片必须至less为50像素×50像素（尽pipe最小为200像素×200像素），并且最大宽高比为3：1

developers.facebook.com/docs/reference/dialogs/feed

从Facebook开发者页面：

使用至less1200 x 630像素的图像，以获得高分辨率设备的最佳显示效果。 至less，您应该使用600 x 315像素的图像来显示链接页面post和更大的图像。

你可以在这里find更多的细节。 请检查点数4

使用至less1200 x 630像素的图像，以获得高分辨率设备的最佳显示效果。 至less，您应该使用600 x 315像素的图像来显示链接页面post和更大的图像。

参考： https ： //developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images

从https://developers.facebook.com/docs/plugins/checklist/#opengraphtags

  1. 使用适当的Open Graph标签来推动分布

Open Graph标记可以包含在您的页面的HTML中，以允许Facebook Crawler在您的内容在Facebook上共享时生成更好的预览。

您应该实现的基本Open Graph标签是：

标签描述

  1. og：标题您的文章的标题，不包括任何品牌。
  2. og：site_name您网站的名称。 例如IMDb不是imdb.com。
  3. og：url这是您post唯一标识符的url。 它应该与用于SEO的规范URL匹配，并且不应包含任何会话variables，用户标识参数或计数器。 如果您使用不当，则不会为此url汇总“喜欢”和“分享”，并将分散在url的所有变体中。
  4. og：描述一段内容的详细描述，通常在2到4个句子之间。
  5. og：image您想要在共享链接时显示的图像的url。 我们build议您使用至less1200x630像素的图像。

文档已经更新了！

og：image现在可以像你喜欢的一样大 – 呐喊

他们build议如下：

  • 至less600x315像素
  • 理想的比例是1.91：1
  • 不超过5MB的文件大小
  • 但如你所愿！

另外不要忘记你可以添加多个og：图像，并让用户select他们想要使用的图片。

从你的文章看来，你想分享使用OG概念到Facebook的post。为此，图像的最小尺寸应该是200px（x）200p x。 这是FB的标准尺寸，如果没有特定尺寸的图片，则会在页面中显示具有相同尺寸的下一张图片。

最小图像大小最小图像大小为200 x 200像素。 如果您尝试使用比这更小的图像，您将在URLdebugging器中看到错误。请检查此链接>>

我遇到了同样的问题。 我没有进行彻底的testing，所以我不能确切地说要求显示图像。 我可以说，我把我的图像切换到> 200x> 200（特别是350×350），然后他们出现了。

如果您甚至通知一个大于200×200的图像（作为新的文档）， Debuger仍然指责图像不够大，解决办法是添加下面的图像尺寸标签：

例： 

 <meta property="og:image:width" content="500" /> <meta property="og:image:height" content="500" />
Interesting Posts