跳到内容

🖼 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. 1
    输入文本
    输入标题、副标题、作者、表情。
  2. 2
    选择样式
    选择背景、颜色和大小。即时预览。
  3. 3
    下载
    保存为 1200x630 PNG 或 JPEG。

❓ 常见问题

可以商用吗?
可以。可自由使用。
中文和表情显示正常吗?
使用系统字体。
为何 1200x630?
FB / Twitter 推荐 1.91:1。

🔗 相关工具

🐛 此工具出现问题了吗?

免费、无需注册。仅提供复现步骤也有帮助。报告将直接发送给运营者并用于改进。

※ 为复现问题,浏览器信息 (UA / 屏幕 / 语言 / URL) 将自动发送