logo标签列表

Facebook开放图谱图片的最小宽度和高度是多少？

facebookfacebook-graph-apifacebook-opengraph
55
我曾经了解到在Facebook开放图谱中与给定URL相关联的图像必须大于50 x 50。但是，当我们运行Facebook对象调试器时，我们得到了以下警告：“Tiny og:image:所有由og:image引用的图像都必须至少有200px的两个维度。请检查给定URL中带有og:image标记的所有图像，并确保其符合最低规格。” 我们的URL是http://www.famousbirthdays.com/people/charlie-chaplin.html，并且该图像确实显示在对象属性下。我们需要将图像转换为大于200 x 200吗？还是可以保持原样？它目前是一张65 x 75的图像。感谢您的帮助！
6
请挑选最佳答案。 - Mike
似乎对于使用IE9的访问者，也存在最大图像尺寸限制。如果我将我的图像放大到255x255像素以上，它们在通过Facebook分享时不会可靠地显示出来。 - sbleon
1
最近我看到这个问题受到了一些关注。现在你可以选择正确的答案来帮助那些寻找相同信息的人们。 - Luciano Carvalho
15个回答
73

今天我从Open Graph debugger tool获得了更明确的答案：

小的og:image: 所有被 og:image 引用的图像尺寸应该至少为200px × 200px，最好为1500px × 1500px。（图像大小上限为5MB。）请检查给定 URL 中带有 og:image 标签的所有图像，并确保符合推荐规格。

og:image 应当更大: 提供的 og:image 不够大。请使用大小至少为200px × 200px且最好为1500px × 1500px的图像。（图像大小上限为5MB。）将使用图像…代替。

因此，是的，您必须将您的 Open Graph 图像转换为至少200px × 200px，而且似乎越大越好。

如果您的图像尺寸小于200px × 200px，Facebook 将尝试在页面中使用（如果有）更大的图像。

调试器返回的相同信息可在Open Graph文档的“最大化媒体内容分发”主题、第3项：标签中找到。

4
通过https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/进行翻译。 - Peter Ehrlich
图片尺寸应该从200x200开始接受，但是如果您的图片小于600 x 315像素，它仍将显示在链接页面帖子中，但尺寸会小得多（参考来源：https://developers.facebook.com/docs/sharing/best-practices#images）。此外，比例应为1.91:1。 - rebe100x
20

编辑：Facebook已修复其文档：

从Luciano的答案中得出：

og:image应至少在两个维度上达到200px，1500x1500为首选大小。（最大图片大小为5MB。）

我的答案已经有大约一年的时间了。有人可以确认它是否仍然有效吗？我希望 FB 已经解决了这个荒谬的问题。 - Zach Lysobey
1
Zach，看一下我的回答，现在事情似乎清晰了一些。 - Luciano Carvalho
啊，是的！我甚至没有看到你的回答。现在清楚多了;-) - Zach Lysobey
3
请访问以下链接以查看如何最大化分发媒体内容的指南：https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/ - Peter Ehrlich
15

很清楚，图片大小不能超过130x110像素，每边至少为200像素。如果您将图像存储在TARDIS上，则完全可以做到。

说真的，我自己也遇到了这个问题，这让我感到相当困惑，因为不久前页面已经通过检查了。我认为这是为时间轴布局设计的更改，只是文档还没有更新。我找不到的是，如果og:images现在必须是每边“至少”200像素，那么最大值和当前推荐大小是多少。简直令人糊涂。

Scott

是的，必须至少为200像素，推荐为1500像素（！！）请参考我的答案。 - Luciano Carvalho
10

我遇到了同样的问题，让我感到十分头疼。我正在使用WordPress网站，所以我必须去掉www。请在你的WordPress后台管理 > 设置 > 常规中查看你的网站地址/WordPress地址等。这可以解决其他URL错误。

至于图片问题，我只能说将以下内容添加到我的头文件中对我有用：

<html prefix="og: http://ogp.me/ns#">
<head>
<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" />
<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>。
同时，在其他帖子中建议的情况下，这段代码：<link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / >使其无法工作。将其删除后立即解决了问题。
我使用了一个500 x 500像素的图片。祝好运... 希望我可以减轻别人的痛苦。
8
只需遵循以下规则：
  1. “使用至少1200 x 630像素的图像，以在高分辨率设备上获得最佳显示效果。”
  2. “尽可能使您的图像接近1.91：1的宽高比，以在新闻动态中显示完整图像而不进行任何裁剪。”
  3. 图像的首选宽度为1500px。
按照以上原则，首选图像的宽度为1500px，高度为786px（保留了1.91：1的宽高比）。
来源：Facebook: Sharing Best Practices
4
看起来这是规范中的一个错误。解决方法是将图像大小设为200px，但将不想看到的部分裁剪掉，或者如果原始图像足够大，则缩小它们。例如，如果您的图像为25x25像素，则可以在两个维度上添加175px，然后将该图像嵌套在具有overflow:hidden CSS属性和25x25宽度/高度的div内。虽然不是最干净的解决方案，但它可以工作。
我已经向Facebook提交了一个错误票，以解决文档质量差的问题，并查明这是否是实际规范或错误。 http://developers.facebook.com/bugs/210269722417284
4
3

来自Facebook开发者页面：

为了在高分辨率设备上获得最佳显示效果，请使用至少1200 x 630像素的图像。最低要求是，您应该使用至少600 x 315像素的图像来显示带有较大图像的链接页面帖子。

您可以在 这里 找到更多详细信息。请查看第4点。

1
在这种情况下，你最好发表自己的答案，而不是大幅修改其他人的答案。激进的更改会带来许多问题。例如，现在答案更好了，但仍然被踩。 - brandizzi
2
1
从你的帖子中看来，你想使用OG概念分享帖子到Facebook。为此，图片的最小尺寸应该是200px(x)200p x。这是FB的标准尺寸，如果没有特定大小的图片可用，它将使用页面上具有相同尺寸的下一张图片。 最小图片尺寸 最小图片尺寸为200 x 200像素。如果您尝试使用比此更小的图像，则会在URL调试器中看到错误。请参阅this Link>>进行检查。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接