【问题标题】:New og:image size for Facebook share?Facebook 分享的新 og:图像大小?
【发布时间】:2013-09-21 00:24:06
【问题描述】:

Facebook 最近更改了广告和链接帖子的图片尺寸。这也会影响元property="og:image"。 Facebook og:image 的新最佳尺寸是多少?旧版本是方形的,现在不适合了,因为新的尺寸是矩形。

【问题讨论】:

    标签: facebook facebook-graph-api facebook-opengraph


    【解决方案1】:

    Facebook 帖子图片的宽高比为 41:20。

    要为您的照片找到合适的宽度和高度,您可以使用Aspect Ratio Calculator

    在这里,您可以在“常用比率:”下选择不同的比率,其中包括选项“1200 x 630 (Facebook)”。因此,如果您的照片宽度为 1800,将该数字插入“W2”插槽,它将告诉你各自的高度应该是多少。

    【讨论】:

      【解决方案2】:

      这个图像的大小取决于它的使用位置。

      由 WhatsApp、Facebook Messenger、Reddit 等应用程序决定如何处理图像。有的将其用作方形图像,有的将其用作 1:19.1 的矩形,还有一些在显示环境大小不同时使用不同的大小,即使对于相同的应用程序也是如此。没有规则,也无法控制应用程序如何处理图像。

      因此,您应该在预期的目标应用程序上测试该图像并找到折衷方案。应用程序倾向于缓存图像,这使得尝试和错误的方法很痛苦。

      【讨论】:

        【解决方案3】:

        编辑:有关 Open Graph 图像大小的当前最佳实践在此处正式概述:https://developers.facebook.com/docs/sharing/best-practices#images


        今天在 Facebook 开发者小组中发布了一篇帖子,其中一位 FB 人员上传了一份 PDF,其中包含他们关于图像大小的新规则——因为这似乎只有当你是小组成员时才可用,所以我上传了它在这里:http://www.sendspace.com/file/ghqwhr

        他们还说他们将在未来几天内将其发布在developer blog,因此请继续查看

        总结链接的文档:

        • 以像素为单位的最小尺寸为 600x315
        • 建议尺寸为 1200x630 - 此尺寸的图像将得到更大的显示处理。
        • 纵横比应为 1.91:1

        【讨论】:

        • 这是来自 Facebook 的最新帖子,请参阅第 4 条:developers.facebook.com/docs/opengraph/howtos/…
        • 当前行是“至少”1200 x 630,而不是“推荐”。但由于这在 1:91:1 时有效,所以我猜默认推荐它。
        • 这个答案是正确的,我只是想知道为什么他们没有提出完全匹配的纵横比和推荐尺寸 (630 * 1.91 = 1203.3 != 1200)。
        • 不过,我很好奇推荐的字节数。我想更多的 SEO 问题
        • @AlainTiemblo 8 MB 是刮板可以接受的最大图像大小。除此之外,这并不重要——Facebook 不会将原始图像提供给用户,而只会将优化后的副本放在他们自己的 CDN 上。
        【解决方案4】:

        Facebook.com og:图像为 325x325(1:1 宽高比,正方形)

        https://www.facebook.com/images/fb_icon_325x325.png

        【讨论】:

          【解决方案5】:

          根据 facebooks best practices 是这样的(2016 年)

          图像尺寸

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

          小图片

          如果您的图片小于 600 x 315 像素,它仍会显示在链接页面帖子中,但尺寸会小得多。

          我们还重新设计了链接页面帖子,以使图片的宽高比在桌面版和移动版动态消息中保持一致。尽量让图片的宽高比接近 1.91:1,以便在动态消息中显示完整图片,而不会进行任何裁剪。

          最小图像尺寸

          最小图像尺寸为 200 x 200 像素。如果您尝试使用小于此大小的图像,您将在共享调试器中看到错误。

          游戏应用图片

          游戏应用可以使用两种不同的图片尺寸:

          Open Graph Stories 图片以方形格式显示。这些应用程序的图像比例应为 600 x 600 像素。 未打开的图表故事图像以矩形格式显示。您应该使用 1.91:1 的图像比例,例如 600 x 314 像素。

          【讨论】:

          • 我喜欢直接链接到 developers.facebook.com,因为 fb 会定期更改其标准
          • 我的分享图片是 1200x630,但在某些设备上仍会像您帖子中的第二张一样显示。知道为什么会这样吗?
          【解决方案6】:

          尝试让 1200x630 图像正常工作。 Facebook 一直抱怨它无法读取图像,或者图像太小(它是 jpeg 图像 ~150Kb)。

          切换到 200x200 大小的图像,效果很好。

          https://developers.facebook.com/tools/debug/og/object?q=drift.team

          【讨论】:

            【解决方案7】:

            我正在使用最小图像尺寸 (200 x 200) 并获得了良好的效果。看看:

            https://developers.facebook.com/tools/debug/og/object?q=origgami.com.br

            这种平方大小比矩形更好,因为它是出现在 facebook cmets 上的格式。矩形格式被裁剪。

            这个尺寸在facebook documentation

            【讨论】:

            • 经验测试表明,如果图像不大于 403 x 503 (qzdesign.co.uk/tests/fb/fb-image-test.php?size=403x503),FB 会裁剪您的图像正方形。这没有记录,但从这里的答案来看(FB 本身使用 325 x 325 的图像),它多年来一直是一致的行为。
            • 您的链接在调试器中不起作用。请重新检查。
            【解决方案8】:

            更新:图片尺寸必须大于(600 x 315px)

            图片尺寸可以是任意尺寸,因为 Facebook 会重新调整图片的宽度和高度。

            默认高度为208px,宽度为398px,用于帖子永久链接:

            www.facebook.com/{username}/posts/{post_id}

            但对于时间线视图:

            www.facebook.com/{username}

            宽度为377px,高度为197px

            希望对你有帮助!

            【讨论】:

            【解决方案9】:

            依赖@CBroe 之前发布的 PDF:

            为了获得最佳 og:image 结果(视网膜就绪且不被裁剪),当前 Facebook 标准使用:

            尺寸:最小 1200 x 630px

            比例:1.91:1

            猜你喜欢
            • 2014-11-09
            • 2013-11-03
            • 1970-01-01
            • 2016-06-28
            • 1970-01-01
            • 2014-07-16
            • 1970-01-01
            • 2013-11-25
            • 1970-01-01
            相关资源
            最近更新 更多