🖼 OGP 图片生成器
选择标题、副标题、作者和背景预设,生成 1200x630 OGP 图片。颜色和字号可调。
完全免费
无需注册
浏览器内完成
5 种语言
深色模式
🔒 关于隐私
- ・所有处理均在您的浏览器中完成
- ・您的文本和图片绝不发送到服务器
- ・无存储日志、无历史、无数据库
- ・无需注册、登录或付款
📖 常见的坑
根据标题、副标题、作者名与背景预设生成 1200×630 的 OGP 图片,并以 PNG 下载。处理全部在浏览器内完成。只是生成图片本身不会有任何效果——必须在 HTML 的 <head> 中以 og:image 用绝对 URL 指向它才会生效。是否设置成功,请用 OGP 验证确认。
| 情形 | 会发生什么 | 怎么处理 |
|---|---|---|
| 文字被裁切 | 按 1200×630 生成的图片,会被各平台以不同方式裁切。X 的大卡片约为 2:1,Slack 与 Discord 的预览更矮,移动端还会更小。贴近边缘的文字、放在四角的徽标,一定会在某处被切掉。 | 请在上下左右各留约 100px 的边距,元素收在中央 1000×430 的范围内。标题最多两行,字号建议 60px 以上。请想象它出现在手机时间线上、只有一根手指大小的样子——在那个尺寸下读不清的文字,放上去也没有意义。比起装饰,让一行标题确实可读更为有效。 |
| 所有页面共用同一张图 | 全站复用同一张图,意味着分享任何一篇文章都显示同一幅画面。在时间线中,文章之间的差异消失,点击率也随之下降。只有徽标的图片提供不了「本站的某篇文章」以上的信息;看到的人只能从旁边的文字里去了解内容。 | 至少要为每个页面准备一张烧入了标题的图片。文章数量一多,手工做法难以为继,因此在构建时自动生成更现实(Next.js 的 ImageResponse、Satori、用 Playwright 截图等)。本页面适合在搭建这套机制之前的数十个页面,以及一次性的公告页。 |
| 更新后仍显示旧图 | 社交平台会把抓取到的 OGP 图缓存数日至数周。在同一 URL 下换掉文件,旧图仍会持续显示到缓存过期。追加查询字符串(?v=2)并不可靠,因为有的平台会忽略它。 |
请连文件名一起改——换成 ogp-v2.png 这样的新 URL,就会不受缓存影响地重新抓取。若想修复已经发出的帖子,可用 Facebook 分享调试器、X 的 Card Validator、LinkedIn 的 Post Inspector 促使其重新抓取,在该平台上即可生效。但并不保证所有历史帖子都会随之更新。 |
OGP 图片不会影响搜索排名。它影响的是在社交平台被分享时的点击率,以及链接贴进 Slack、Discord 时的呈现效果。反过来说,为几乎不会被分享的后台页面或条款页精心准备图片,性价比很低。应把精力放在真正会被分享的文章与落地页上。文件格式请用 JPEG 或 PNG——仍有平台不支持 SVG 与 WebP。体积控制在 5MB 以内,最好约 300KB,预览生成会更快。
📖 使用方法
-
1
输入文本输入标题、副标题、作者、表情。
-
2
选择样式选择背景、颜色和大小。即时预览。
-
3
下载保存为 1200x630 PNG 或 JPEG。
❓ 常见问题
可以商用吗?
可以。可自由使用。
中文和表情显示正常吗?
使用系统字体。
为何 1200x630?
FB / Twitter 推荐 1.91:1。
🔗 相关工具
- ・Favicon 生成器
- ・代码截图
- ・图片马赛克
🐛 此工具出现问题了吗?
免费、无需注册。仅提供复现步骤也有帮助。报告将直接发送给运营者并用于改进。
✅
感谢您的反馈!
已送达运营者,将用于改进工具。