当有人在Facebook、LinkedIn或Twitter上分享您的网页时，平台会获取您的Open Graph图片以在链接旁边显示。如果这张图片出了问题 — 尺寸错误、格式错误、文件太大 — 您精心制作的内容就会显示为模糊的缩略图或通用占位符。本指南涵盖了使您的OG图片在任何地方都看起来完美所需了解的每一个尺寸和格式要求。

通用Open Graph图片尺寸

Open Graph协议推荐且被每个主要平台接受的标准尺寸是1.91:1宽高比的1200 x 630像素。除非需要特定平台的覆盖，否则您应该将这个尺寸用于您网站上的每个页面。在1200 x 630时：

Facebook在新闻流中全宽显示（最多1200px宽）
LinkedIn显示为大型预览卡（约1200 x 627px）
Twitter/X为summary_large_image卡裁剪为1200 x 628px
Slack以最多800px宽的比例高度展开
WhatsApp预览为300 x 157缩略图（保持比例）

只要关键内容（徽标、标题、人脸）居中且不过于靠近任何边缘，单个1200 x 630的PNG或JPG可以覆盖所有这些平台而不会出现裁剪问题。

最小可接受尺寸

如果无法为每个页面生成1200 x 630的图片，绝对最小值是：

600 x 315px: Facebook接受大型图片预览的最小值。低于此值，Facebook使用较小的内联缩略图而不是全宽卡。
200 x 200px: 小型缩略图后备的最小值。这是未指定大型OG图片时Facebook使用的图片。
300 x 157px: Twitter的summary_large_image的最小值。低于此值将回退到 144 x 144正方形缩略图。

坚持使用1200 x 630，您永远不会达到这些最小值。

平台特定细节

虽然1200 x 630是普遍安全的，但有几个值得了解的平台特定细节：

Facebook: 偏好1.91:1比例的图片。超过8MB的图片被拒绝。Facebook会积极缓存 OG图片 — 更新图片时使用Sharing Debugger工具刷新缓存。
Twitter/X: 必须将twitter:card元标签设置为summary_large_image才能显示大型预览。没有它，即使OG图片正确，Twitter也会回退到144 x 144正方形。
LinkedIn: 将图片裁剪为1200 x 627（略有不同的比例）。将所有关键内容保持在居中的1200 x 600安全区域内，以避免边缘裁剪。
iMessage / iOS: 将OG图片用于链接预览。由于大小差异，Apple偏好链接预览使用JPG而非PNG。

文件格式：JPG vs PNG vs WebP

大多数平台都支持OG图片使用JPG和PNG。以下是权衡：

JPG: 最适合照片和具有许多颜色的图片。质量85的1200 x 630 JPG通常在 80-150KB之间 — 完全在所有平台限制之内。
PNG: 最适合图形、文字较多的图片、徽标和具有清晰边缘的截图。无损PNG 保留每个像素但生成较大文件（1200 x 630图片为200-500KB）。
WebP: 并非所有爬虫和较旧平台都完全支持作为OG图片格式。为最大兼容性使用JPG或PNG。

将OG图片文件大小保持在1MB以下。大多数平台建议低于300KB以获得最快加载速度。上传前使用图片压缩在不损失可见质量的情况下减小文件大小。

设计您的OG图片

OG图片是营销材料 — 它是您在社交流中的第一印象。遵循以下设计原则：

将关键内容保持在中央80%: 根据设备和平台，所有四个边都可能略有裁剪。图片外部10%中的徽标和标题有被切断的风险。
使用最少24px的可读文字: OG图片通常以400-600px宽度显示。源图片中小于 24px的文字在预览尺寸下变得难以辨认。
包含您的品牌: 角落里的徽标或品牌颜色立即告诉用户链接属于哪个网站，提高点击率。
使用高对比度: 浅色背景上的深色文字（或反之亦然）确保即使在小屏幕上也能清晰辨读。

如何创建和调整OG图片大小

如果您的OG图片需要精确调整为1200 x 630，使用 Picovert的免费图片调整大小工具在几秒内设置精确的像素尺寸 — 无需安装软件。对于格式转换（例如PNG转JPG），图片转换器在您的浏览器中即时处理。调整大小后，通过图片压缩器运行结果，以达到推荐的300KB以下文件大小目标。

测试您的OG图片

发布前，始终验证您的OG实现：

Facebook Sharing Debugger: 准确显示Facebook如何渲染您的链接预览，并允许您强制刷新缓存。
Twitter Card Validator: 预览您的Twitter卡并标记缺失的元标签。
LinkedIn Post Inspector: 清除LinkedIn的缓存并显示当前预览。
opengraph.xyz: 一个第三方工具，可以同时模拟多个平台上的OG渲染。

有了正确的尺寸（1200 x 630）、简洁的设计和300KB以下的文件大小，您的Open Graph图片每次分享时都会显得专业 — 为您的内容提供最佳的获得点击的机会。