53

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

然而，当我们运行 Facebook 对象调试器时，我们收到了以下警告：

“Tiny og:image：所有 og:image 引用的图像在两个维度上都必须至少为 200 像素。请检查给定 url 中所有带有标签 og:image 的图像，并确保其符合最低规格。”

我们的 URL 是http: //www. Famousbirthdays.com/people/charlie-chaplin.html并且图像确实显示在对象属性下

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

感谢您的帮助！

4

15 回答 15

71

今天我对这个问题有了更清晰的答案（来自Open Graph 调试器工具）：

小 og:image：og:image 引用的所有图像在两个维度上都应至少为 200 像素，最好是 1500x1500。（最大图像大小为 5MB。）请检查给定 url 中所有带有标签 og:image 的图像，并确保其符合推荐的规格。

og:image 应该更大： 前提是 og:image 不够大。请使用至少 200x200，最好是 1500x1500 的图片。（最大图像大小为 5MB。） Image ... 将被使用。

所以，是的，您必须将打开的图形图像转换为至少 200x200 像素，而且似乎越大越好。

如果您的图片小于 200x200，Facebook 将尝试使用页面上可用的更大图片（如果）。

调试器返回的相同信息可以在 open graph 文档中找到，关于“最大化媒体内容分发”主题，第 3 项：标签

于 2013-03-22T00:29:27.880 回答
20

Edit: Facebook Fixed their documentation:

From Luciano's Answer:

og:image should be at least 200px in both dimensions, with 1500x1500 preferred. (Maximum image size is 5MB.)

于 2012-06-26T16:59:50.387 回答
16

这很清楚。它们不能超过 130x110 像素，并且每边必须至少 200 像素。如果您将图像存储在 TARDIS 上，这是完全可能的。

说真的，我自己也遇到了这个问题，这让我很困惑，因为不久前这些页面就很好地通过了。我希望这是为时间轴布局设计的更改，文档中尚未更新。我找不到的是，如果 og:images 现在必须“至少”每边 200 像素，那么最大值是多少，当前推荐的尺寸是多少。确实。

斯科特

于 2012-06-29T00:53:07.950 回答
8

我遇到了同样的问题。我正在使用 wordpress 网站，所以我不得不放弃www. 检查您wordpress admin > settings >general的站点地址/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 的图像。祝你好运..希望我能拯救别人的痛苦。

于 2013-04-08T14:28:48.233 回答
6

只需遵循以下规则：

  1. “使用至少 1200 x 630 像素的图像，以便在高分辨率设备上获得最佳显示效果。”
  2. “尽量让您的图像保持接近 1.91:1 的纵横比，以便在不进行任何裁剪的情况下在 News Feed 中显示完整图像。”
  3. 图像的首选宽度是 1500 像素

遵循上述原则，首选图像的宽度为 1500px，高度为 786px（保留 1.91:1 的纵横比）。

资料来源：Facebook：分享最佳实践

于 2014-03-19T18:54:31.440 回答
4

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

我已经向 Facebook 开出了一张 bug 票，以解决文档质量差的问题，并发现这是否是一个实际的规范或 bug。http://developers.facebook.com/bugs/210269722417284

于 2012-04-18T18:01:49.803 回答
4

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

图片必须至少为 50 像素 x 50 像素（但最好是最小 200 像素 x 200 像素）并且最大纵横比为 3:1

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

于 2013-01-14T07:48:30.810 回答
3

来自 Facebook 开发者页面：

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

您可以在此处找到更多详细信息。请检查第 4 点

于 2014-01-23T14:39:08.210 回答
2

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

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

于 2014-08-25T10:36:09.497 回答
1

The docs have been updated again!

og:image can now be as big as you like - whoop

They have recommended the following:

  • at least 600x315 pixels
  • Ideally 1.91:1 in ratio
  • no bigger than 5mb in file size
  • but AS BIG AS YOU LIKE!

Also don't forget you can add multiple og:images and let the user choose which picture they want to use.

于 2014-01-09T13:07:14.373 回答
1

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

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

Open Graph 标签可以包含在您页面的 HTML 中，以便 Facebook 爬虫在您的内容在 Facebook 上共享时生成更好的预览。

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

标签 描述

  1. og:title 文章的标题，不包括任何品牌。
  2. og:site_name 您网站的名称。例如 IMDb 不是 imdb.com。
  3. og:url 作为您帖子的唯一标识符的 URL。它应该与您用于 SEO 的规范 URL 匹配，并且不应包含任何会话变量、用户识别参数或计数器。如果您使用不当，点赞和分享将不会针对该 URL 进行汇总，而是会分布在该 URL 的所有变体中。
  4. og:description 一段内容的详细描述，通常在 2 到 4 个句子之间。
  5. og:image 共享链接时要显示的图像的 URL。我们建议您使用至少 1200x630 像素的图像。
于 2013-12-27T11:24:27.807 回答
1

从您的帖子看来，您希望使用 OG 概念将帖子分享到 facebook。为此，图像的最小尺寸应为200px(x)200p x。这是 FB 的标准尺寸，如果没有特定尺寸的图像可用，它将在您的页面中拍摄具有相同尺寸的下一张图像。

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

于 2016-04-23T14:37:23.580 回答
0

I ran into the same problem. I did not perform exhaustive testing, so I can't say exactly what the requirements are to get the images to show up. I can say that I switched my images to being >200x>200 (specifically 350x350) and they showed up after that.

于 2012-04-18T06:59:52.107 回答
0

如果您甚至通知大于 200x200 的图像（作为新文档）调试器仍然指责图像不够大，解决方案是在下面添加带有图像尺寸的元标记：

例子：

<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
于 2013-07-24T16:03:15.453 回答
0

我最近遇到了类似的问题。根据经验，不要使用png图像文件，而是使用jpg图像文件。

png 文件的一般问题是由于透明背景，它们无法正确计算高度和重量，因为出现了问题的变化。

很遗憾，文档上没有指定...

于 2019-10-16T06:57:43.790 回答