当您的内容在社交媒体上分享时，Open Graph 图片会被显示。推荐尺寸为 1200×630 像素（1.91:1 宽高比）。
拖放图片到此处，或点击选择文件
支持 PNG、JPG、JPEG 和 WebP 格式
使用指南
输入设置
使用各种设置自定义您的 Open Graph 图片，创建完美的社交媒体预览。
可用设置
- 标题文本 - 图片的主要标题
- 描述文本 - 标题下方的辅助文本
- 颜色主题 - 选择明亮、暗色或渐变主题
- 字体系列 - 选择无衬线、衬线或等宽字体
- 布局样式 - 标题和描述的不同排列方式
生成的图片尺寸
生成的图片尺寸为 1200x630 像素，这是 Open Graph 图片的推荐尺寸。
生成的图片
在进行更改时实时预览您的图片，对结果满意后即可下载。
社交图片尺寸
Open Graph 图片的标准尺寸是 1200 × 630 像素，宽高比 1.91:1。Facebook、LinkedIn 和 Slack 都按这个比例裁剪。大多数平台都接受这一张图，但少数平台使用自己的比例，因此在只准备一张素材之前，值得先了解差异在哪里。
| 平台 | 建议尺寸 | 宽高比 | 说明 |
|---|---|---|---|
| Open Graph (Facebook, LinkedIn, Slack) | 1200 × 630 | 1.91:1 | 最稳妥的默认值。一张 1200 × 630 的图片即可覆盖 Facebook、LinkedIn 和 Slack 的链接预览。 |
| X — summary_large_image | 1200 × 628 | 1.91:1 | 当页面声明 twitter:card 为 summary_large_image 时使用。与 Open Graph 几乎一致，同一个文件即可通用。 |
| X — summary | 1200 × 1200 | 1:1 | 小尺寸方形卡片。当页面未声明大图卡片时，X 会回退到这种样式。 |
| 1000 × 1500 | 2:3 | 本身就是竖版。1.91:1 的图片在这里会出现大量留白，如果重视 Pinterest，请单独制作素材。 | |
| 400 × 400 | 1:1 | 缩略图会被裁成正方形。请把重要内容放在中间，否则会被裁掉。 |
限制与注意事项
- 文件请控制在 5 MB 以内。Facebook 最大支持 8 MB，但 X 会拒绝超过 5 MB 的图片。
- 请使用 PNG 或 JPG。所有主流抓取工具都不支持 SVG，WebP 的支持情况也不一致。
- 文字请保持在画面中央 80% 的范围内。不同平台对边缘的裁剪幅度并不相同。
- 不要放大到超过 1200 × 630。平台在展示时会缩小图片，文件过大只会拖慢首次预览的加载。
功能特点
可用功能
- 完整文本自定义
- 多种颜色主题
- 多种字体选项
- 不同布局样式
- 实时预览
- 高质量图片下载
疑难排查
大多数 Open Graph 问题出在缓存或链接上，而不是图片本身。
预览仍然显示旧图片
各平台的缓存都很激进。可以用 Facebook 分享调试器、X Card Validator 或 LinkedIn Post Inspector 强制重新抓取。更换图片 URL 同样有效。
完全不显示图片
og:image 必须是包含协议和域名的绝对 URL。像 /og.png 这样的相对路径会被所有抓取工具忽略。
浏览器能打开，但分享时不显示
请检查图片是否位于登录验证、付费墙或 robots.txt 规则之后。抓取工具是以匿名身份获取图片的。
卡片显示偏小，或稍后才重新排版
请声明 og:image:width 和 og:image:height。缺少这两项时，平台必须先下载图片才能确定卡片尺寸。
只在某一个平台上显示空白或损坏
请重新导出为 PNG 或 JPG。WebP 和 AVIF 的支持仍然参差不齐，动图格式则从不用于预览。
技巧和最佳实践
使用技巧
- 保持标题简洁、描述简短以提高可读性
- 确保文本和背景之间有良好的对比度
- 在社交媒体预览工具中测试您的图片
- 保持推荐的 1200x630 像素尺寸
- 考虑图片在不同平台上的显示效果
注意：生成器会创建针对社交媒体分享优化的图片。请在不同平台上测试您的图片以确保正确显示。