OG 图片生成器
输入标题和副标题，选择纯色或渐变背景以及可选的 Logo 链接，实时预览 1200x630 的社交分享卡片，并下载为 PNG。
正在加载工具…
OG 图片生成器 — 生成在 Facebook、X/Twitter、LinkedIn 或 Slack 上分享页面时显示的 1200x630 Open Graph 图片。输入标题和副标题，选择纯色或双色渐变背景，设置文字颜色和对齐方式，并可选择填入 Logo 链接。预览会随你的输入实时重绘，完成后可将卡片下载为 PNG。整张图片完全在你的浏览器中通过 canvas 绘制，文字和颜色绝不会离开你的设备。
OG 图片生成器 是什么？
OG 图片生成器是一款免费的浏览器内工具，用于按 1200x630 像素的标准尺寸制作社交分享卡片（Open Graph / Twitter Card 图片）。营销人员、博主、独立开发者，以及任何要发布落地页的人，都可以用它快速做出干净的预览缩略图，而无需打开设计软件。你输入主标题和可选副标题，选择纯色或对角渐变，设置文字颜色和靠左或居中对齐，并可粘贴 Logo 链接在角落放置品牌标识。Canvas 会实时重绘，方便你微调文案和配色，最后导出可直接用于 og:image 元标签的 PNG。
如何使用 OG 图片生成器
- 在“标题”字段输入标题；它会以大号粗体绘制，最多自动换行为三行。
- 在标题下方添加可选副标题，或留空只显示主标题。
- 打开“设置”选择纯色或渐变背景，设置背景色和文字颜色，并选择靠左或居中对齐。
- 可选地粘贴一个 Logo 图片链接（需支持 CORS 的图片）以在文字上方放置 Logo。
- 观察 1200x630 预览实时更新，点击放大查看，然后将卡片下载为 PNG。
示例
博客文章分享卡
将文章标题作为标题、作者或站点名作为副标题，选择与品牌相符的渐变，下载一张 1200x630 的 PNG 用作文章的 og:image。
产品发布横幅
使用纯品牌色、居中对齐、以标语作为标题，并在角落放上 Logo 链接，为每个社交渠道生成统一的发布卡片。
常见问题
- 生成的图片尺寸是多少？
- 始终是 1200x630 像素，即标准的 Open Graph 和 Twitter summary-large-image 比例（约 1.91:1）。这个尺寸在 Facebook、X/Twitter、LinkedIn、Slack 和 Discord 的链接预览中都能清晰显示。
- 如何添加我自己的 Logo？
- 在“Logo 链接”字段粘贴一个指向 Logo 图片的直接链接。图片会从该链接获取，并以固定高度绘制在文字上方，同时保持其纵横比。来源必须允许跨域使用（CORS），否则浏览器会阻止将其绘制到 canvas 上。
- 我能控制颜色和布局吗？
- 可以。在“设置”中你可以在纯色背景和双色对角渐变之间切换，设置背景色和文字颜色，并选择靠左或居中对齐。标题和副标题会自动换行，过长的文字会用省略号截断。
- 我的文字或图片会被上传到任何地方吗？
- 不会。卡片完全在你浏览器的 HTML canvas 上绘制，并在本地导出为 PNG。你的标题、副标题和颜色绝不会发送到服务器。只有你提供的 Logo 链接会被请求，而该请求直接从你的浏览器发往你选择的主机。