Open Graph 图片尺寸指南

填宽高、选平台，本页按各平台开发者文档的推荐尺寸校验你的分享图是否达标，并给出比例提示。所有判断都在浏览器里完成，图片不上传服务器，手机也能直接打开用。

校验口径：比对「实际宽高」与「平台推荐宽高/最小宽高」，比例按 宽÷高 计算；演示值 1200×630，正好命中通用 Open Graph 标准。

使用方法

Open Graph 图片尺寸指南把「我的图够不够大」变成一步判定，只要三步：

  1. 「平台」选你要投放的渠道（通用 / Facebook / Twitter 大图卡 / LinkedIn / 微信），不同渠道推荐尺寸不同。
  2. 在「宽度」「高度」填你图片的像素，演示 1200×630。
  3. 点「校验尺寸」，或在任一输入框按 Enter。三张卡片给实际尺寸、比例与达标结论；下方对照表默认 12 行，「加载更多」补到 16 行，可导出 CSV / JSON 或复制 TSV。
  4. 想还原演示值按「载入示例」：平台通用、宽 1200、高 630。

Open Graph 图片尺寸指南能解决什么

它解决「分享出去图被裁歪、糊掉」的窘境，适合三类场景：

  • 站长与公众号运营：文章转发到微信、Facebook，图不对尺寸会被裁掉标题或放大模糊；先校验 1200×630 再上传，缩略图才完整。
  • 活动与落地页：微博、Twitter 大图卡要 1200×600，差 30 像素可能触发小图卡；用本页对照避免「发了却没大图」。
  • 多平台一致发布：同一张图要同时过 LinkedIn（1200×627）与通用 OG（1200×630），本页逐平台校验，找出都能用的公约数尺寸。

本页不做的事：不真的上传或压缩你的图片（只在本地比数字）；不生成图片；不处理动图与视频封面。它只判断「尺寸是否达标」，真出图请用设计工具按对照表导出。

原理和变量

① 用了哪个具体函数：核心是数值比较与比例除法，比例 = 宽 / 高，再用 宽 >= 最小宽 且 高 >= 最小高 判定达标；比例用 Number((宽/高).toFixed(3)) 保留三位。

② 关键参数为什么这样取：用「推荐尺寸 + 最小尺寸」两档，是因为平台只保证大于等于最小尺寸时才正常显示，等于推荐尺寸时最清晰；比例锁定约 1.91:1（1200/630）是 Facebook OG 的事实标准，太方会被裁掉左右。

③ 遵循哪个标准：推荐值来自 Open Graph 协议与各平台开发者文档（og:image 建议 1200×630，Twitter summary_large_image 建议 1200×600）。判定逻辑是本地数值比较，不依赖网络。

④ 输入怎么变成输出：演示 1200×630，比例 1200/630 = 1.905；与通用 OG 推荐 1200×630 完全相等，结论「完美匹配」。若改成 800×420，比例 1.905 但小于最小 600×315？不，800≥600 且 420≥315，结论「达标但非标准」。

⑤ 边界与阈值：宽高限 1～10000 px；最小尺寸是各平台硬下限（如通用 600×315），低于则分享图可能不显示或被严重放大。极大尺寸（如 4000×4000）虽达标但加载慢、被平台缩图，本页只判达标不判体验。

⑥ 常见误用的正确解释：正方形图（1:1）当 OG 图会被左右裁掉，不是「刚好」；只盯总像素忽略比例也会翻车；把 logo（常带透明边）直接当分享图，实际有效区域更小。正确做法是按 1.91:1、≥1200×630 出图。

完整示例（数值仅作演示）

保持演示值：平台通用、宽 1200、高 630。

  • 实际尺寸：1200 × 630 px。
  • 比例：1200 / 630 = 1.905:1（推荐约 1.91:1）。
  • 结论：宽高都正好等于推荐值，判定 ✅ 完美匹配 通用 Open Graph。
  • 再举一例：宽 800、高 420，比例 1.905 但小于推荐，判定「⚠️ 达标但非标准」，建议换成 1200×630。
  • 再例：宽 400、高 210，低于最小 600×315，判定「❌ 偏小不达标」。

这三组结论与页面默认卡片、对照表第 1 行（通用 1200×630）完全一致，可三处核对。

输入范围与对照表

Open Graph 图片尺寸指南的对照表列出常用平台的推荐与最小分享图尺寸，全部为像素值：

各平台分享图推荐尺寸（像素）
平台推荐宽推荐高最小宽最小高说明
通用 Open Graph12006306003151.91:1 标准比例
Facebook 链接1200630600315信息流最佳
Twitter 大图卡1200600300157summary_large_image
Twitter 小图卡280150144144summary 小图
LinkedIn 文章1200627552288略高于标准
Pinterest 竖图100015006009002:3 竖版
Instagram 方形108010806006001:1 方形
微信缩略图2002009090分享小图
Slack 链接1200630600315兼容 OG
Discord 嵌入1200630400400兼容 OG
Telegram 链接1200630600315兼容 OG
WhatsApp 链接1200630600315兼容 OG

对照表能直观看出「通用/ Facebook/ Slack/ Telegram 都认 1200×630」，所以同一张 1.91:1 的图往往能通吃多数渠道。

结果边界和舍入

判定位置：只比较整数像素，比例保留三位小数（toFixed(3)），演示值 1200/630 = 1.905。因为只做比较与除法，不会有浮点累积误差影响达标结论。

什么时候会拒绝校验：宽或高为空、不是数字、或超出 1～10000 px 时；此时给具体中文提示，不静默归零。宽高都填 0 会被拦下（0 像素不是合法图片）。

达标但不标准：宽高都≥最小但≠推荐，结论「⚠️ 达标但非标准」，仍会显示但可能略模糊；建议导出前换成推荐尺寸。极小尺寸结论「❌ 偏小不达标」。

结果性质：这是尺寸合规性提示，不评估画质、构图与加载速度；真出图请按推荐尺寸在设计软件导出。

常见问题

为什么通用推荐是 1200×630？

这是 Facebook 定下的 Open Graph 事实标准（og:image 建议 1200×630），比例约 1.91:1，被大多数社交平台沿用，所以「一张通吃」最省事。

正方形图能当分享图吗？

能显示，但信息流会左右裁掉，标题或主体易被切。OG 图应尽量接近 1.91:1；正方形更适合 Instagram 这类 1:1 场景，不是通用分享。

比例对但像素小，行不行？

不行。比例对只能保证不被裁，像素小于最小尺寸（如通用 600×315）会被平台放大模糊甚至不显示。比例和像素要同时满足。

Twitter 大图卡和普通卡差在哪？

大图卡（summary_large_image）要 1200×600，普通 summary 卡只要 280×150 小图。差 30 像素高度可能让你精心做的大图变成小缩略图。

微信分享图也是 1200×630 吗？

微信朋友圈/会话的 OG 缩略图常用小图（如 200×200），大图反而不显示。本页「微信缩略图」档按 200×200 校验，和通用大图不同，别混用。

我的图片会被上传吗？

不会。本页只读你填的宽高数字做比较，不接收、不上传任何图片文件；可在 Network 面板复查，点「校验尺寸」时没有任何请求发出。

判定结果能复制或导出吗？

能。点「复制结果」拿三张卡片文字，或用下方按钮把整张平台对照表导出 CSV / JSON，或复制 TSV 到表格里。

超过 10000 px 会怎样？

超过会被拦下并提示「单位可能填错」（如把毫米当像素）。实际分享图极少超过 4000 px，过大只会被平台缩图且拖慢加载。

相关工具