OG image 的标准尺寸是 1200×630 像素,宽高比 1.91:1。 只用这一个尺寸,你的链接预览就能在 Facebook、X (Twitter)、LinkedIn、Slack、Discord、WhatsApp 和 Telegram 上正确显示。
这就是简短的答案。本指南接下来要讲的,是那些真正容易让人踩坑的细节:各平台的具体尺寸、文字安全区域、文件大小限制,以及告诉各平台你的图片放在哪里的 meta 标签。
一个尺寸,全平台通用
如果只记一个数字,就记这个:
| 属性 | 推荐值 |
|---|---|
| 尺寸 | 1200 × 630 px |
| 宽高比 | 1.91:1 |
| 格式 | PNG 或 JPG |
| 文件大小 | 1 MB 以内(硬性上限更高,但越小加载越快) |
| URL | 绝对 HTTPS URL |
主流平台要么原生采用 1.91:1,要么能从这个比例优雅地裁切。按 1200×630 精确设计,意味着每个页面只需做一张图,而不是五张。
各平台的 OG image 尺寸
各平台在偏好和强制要求上略有差异:
| 平台 | 推荐尺寸 | 说明 |
|---|---|---|
| 1200 × 630 | 最小 200×200;小于 600×315 的图片会显示为小缩略图,而非大卡片 | |
| X (Twitter) | 1200 × 630 | summary_large_image 卡片会向 2:1 裁切——关键内容保持居中 |
| 1200 × 627 | 1.91:1;实际上可以和 Facebook 共用同一张图 | |
| Discord | 1200 × 630 | 大尺寸链接嵌入使用 og:image |
| Slack | 1200 × 630 | 链接展开直接读取 Open Graph 标签 |
| 1200 × 630 | 文件要小(最好远低于 300 KB),否则预览可能加载不出来 | |
| Telegram | 1200 × 630 | 读取 og:image;缓存非常顽固 |
| 1000 × 1500 | 唯一的例外——Pin 偏好 2:3 竖版,请为 Pinterest 单独准备图片 |
结论:除 Pinterest 外,一张 1200×630 的图片就能覆盖所有平台。
安全区域:文字应该放在哪里
各平台的裁切方式不同——X 倾向 2:1,一些移动端布局会削掉边缘。要让标题在任何地方都清晰可读:
- 把所有文字和 Logo 放在中央 1120 × 560 区域内(大约每边留 5% 边距)。
- 假设外侧边缘可能被裁掉——绝不要让关键内容紧贴边框。
- 用真实标题、真实尺寸测试:在设计工具里看着不错的文字,到了信息流尺寸往往太小。经验法则是,在 1200×630 画布上标题保持 48px 或更大。
我们的免费模板已内置这些边距,你输入的任何内容都会留在安全区域内。
文件大小、格式与分辨率
- 格式: 文字为主的图用 PNG(边缘锐利),照片背景用 JPG。WebP 如今在主流平台可用,但对长尾应用来说 PNG/JPG 仍最稳妥。
- 文件大小: Facebook 允许最大 8 MB,X 最大 5 MB——但爬虫遇到加载缓慢的图片会超时。实际目标是控制在 1 MB 以内(为保证 WhatsApp 可靠显示,控制在 300 KB 以内)。
- 分辨率: 1200×630 的 1x 就足够了。为 Retina 翻倍到 2400×1260 几乎不会改善信息流中的显示效果,文件却大了一倍。
让一切生效的 meta 标签
尺寸只是工作的一半——平台是通过页面 <head> 中的 Open Graph meta 标签找到你的图片的:
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Launch day: v2.0 — changelog" />
<meta name="twitter:card" content="summary_large_image" />有三个细节比看上去更重要:
og:image必须是绝对 HTTPS URL——相对路径在大多数爬虫上会静默失败。og:image:width和og:image:height让平台在下载图片之前就预留好展示位置,这样首次分享就能渲染出完整卡片,而不是一片空白。twitter:card设为summary_large_image,才能把 X 的预览从小方块升级为全宽大卡片。
常见错误(与快速修复)
- 图片小于 600×315。 Facebook 会把它降级为侧边小缩略图。按 1200×630 导出。
- 文字紧贴边缘。 X 的裁切会把它切掉。把文字放在中央安全区域内。
- 预览显示的是旧图。 平台缓存非常顽固——修复方法见我们的 OG image 预览与刷新指南。
- URL 是相对路径或需要登录。 爬虫无法抓取
/images/og.png,也无法抓取任何需要登录的资源。使用公开的绝对 URL。 - 全站共用一张通用图。 拥有针对性 OG 图片的页面,点击率始终高于反复使用同一张 Logo 卡片的页面。
几秒钟生成一张尺寸正确的 OG image
你可以自己搭 1200×630 画板、安全区参考线和导出预设——也可以完全跳过这些设置。我们的免费 OG image 生成器从已按 1200×630(以及 X 头图用的 1500×500)设定好的模板开始,让文字始终留在安全区域内,并导出可直接用于 meta 标签的优化 PNG。无需注册,没有水印。
FAQ
最佳 OG image 尺寸是多少?
1200×630 像素(宽高比 1.91:1)。它能在 Facebook、X、LinkedIn、Slack、Discord、WhatsApp 和 Telegram 上渲染为大卡片,无需额外变体。
OG image 的最小尺寸是多少?
Facebook 最低接受 200×200,但小于 600×315 就会失去大卡片布局。把 600×315 当作实际下限——1200×630 才是目标。
X (Twitter) 需要单独准备图片吗?
通常不需要。内容居中的 1200×630 图片就能满足 summary_large_image 卡片。只有当你的设计把关键内容放在贴近上下边缘的位置时,才需要为 X 单独准备图片。
OG image 会影响 SEO 吗?
不会直接影响排名——但它会显著影响链接被分享时的点击率,而社交传播又会带动内容被发现。一张清晰、有品牌感的预览图,是成本最低的 CTR 优化手段之一。

