OG Image 终极指南

尺寸与安全区

1200×630 (1.91:1)，核心文字放在 1000×500 居中区域。

文字占比

标题 ≤32 字，字号 56–72px，底部叠域名水印提升回流。

动态生成

fetch('/api/og?title=WebTagr')

文字排版细节

标题 48–56px 加粗、不超过两行，副标题 28px 透明度 85%，底部 40px 留白放域名水印。缩略图 200px 下标题必须可读，否则重做。

各平台裁剪差异

X 取中间横条、Slack 压得更扁、微信只取首图。核心信息全部收进 1000×500 安全区，一处制图、四处体面。

各平台尺寸速查

X 大图卡 1200×628、Facebook 1200×630、Slack 取中间横条、微信看首图。一张 1200×630 通吃，linter 异常再单独适配。

上线检查清单

1. 1200×630、HTTPS 绝对地址
2. og:image + twitter:card 大图成对出现
3. 官方调试工具刷新缓存并通过
4. 真机分享看一次实际效果

在线做图：OG 分享图生成器 · 相关阅读：OG 调试指南 · Twitter Card 教程