工具 01 · P0
OG 图生成器
设计分享卡片，导出 PNG，拿到可粘贴进文档 head 的 meta 代码——不用设计工具，不用上传，不用注册。
实时预览 · 1200 × 630
PNG控制项
生成的 <meta> 代码块
粘贴进 <head> · 把图片地址换成你上传的文件
上面预览的就是平台实际抓取的 1200×630 素材。它在本地生成，没有任何上传。
怎么用
- 01
写标题
把重点前置。标题超过约 60 个字符，多数平台就会截断。
- 02
选模板与主色
四种版式，从纸感编辑风格的卡片到满版信号海报。所选主色同时也用作标记颜色。
- 03
导出并接入
下载 1200×630 的 PNG，传到你的资源目录，再把生成的 meta 代码粘进 <head>。
常见问题
▸ Open Graph 图片该用多大尺寸？
1200×630、1.91:1 是最稳妥的默认值——在 Facebook、LinkedIn、X 和 Discord 上都会渲染成大卡片。平台能缩放到约 600×315，所以不要低于这个尺寸。文件控制在 1 MB 以内，方便爬虫快速抓取。
▸ X（Twitter）需要单独准备一张图吗？
不需要。缺少 twitter:image 时，X 会回退到 og:image。你只需声明 <meta name="twitter:card" content="summary_large_image">，让平台渲染宽版布局而不是小缩略图。
▸ 我的 logo 或文字会被上传吗？
不会。所有内容都用浏览器里的 Canvas API 绘制，不会发送到服务器，刷新页面即全部清空。
▸ 该导出 PNG 还是 JPG？
文字、纯色和 logo 用 PNG——边缘更锐利，标题被渲染成像素时尤其重要。只有照片类背景才换成 JPG，这时更小的体积比完美的边缘更重要。
▸ 文件放哪里，怎么引用？
放在任何公网可访问的位置，并在 og:image 里用绝对的 HTTPS URL 引用。相对路径是 OG image 静默失效最常见的原因——爬虫不会相对你的页面去解析它。