在线免费 OG 图片生成工具
为 Facebook、LinkedIn、X 和 Slack 制作 1200×630 的 Open Graph 预览图。16 种可自定义模板，支持下载为 JPG 或 PNG。
100%私密，无需上传任何文件。
核心功能
16 款现成模板
输入即时预览
- 100% 基于浏览器 — 无需上传
- 免费——无需注册
三步创建 OG 图片
输入您的内容
点击打开 OG 图片编辑器，输入标题、描述和网站名称，预览会随输入实时更新。
选择模板和品牌颜色
从 16 种模板中选择一款，如简洁风、深色、渐变或网格（浅色）。大多数模板会自动应用您的品牌色。如有需要，可在自定义图片中添加 Logo 或背景照片。
下载图片
在导出选项中选择 JPG 或 PNG，然后点击下载 JPG 或下载 PNG。文件始终为 1200×630 px，即标准 Open Graph 图片尺寸。
当您需要自定义 OG 图片时
博客及内容
- 发布前，为每篇博客文章创建品牌预览。
- 为文档页面制作统一风格的 OG 图片
- 为新闻通讯存档页面设计一致的预览图
- 让您的文章链接在 X、LinkedIn 和 Slack 上更醒目
产品与软件即服务
- 为每个功能页面制作专属品牌预览图
- 为更新日志和发布公告制作 OG 图片
- 为定价、关于和注册页面制作卡片
- 为每个活动落地页设计预览图
开发商和代理机构
- 在搭建动态生成器之前先制作卡片设计原型
- 为没有专属图片的页面制作备用 OG 图片
- 按客户品牌色和 Logo 制作专属卡片
- 并排比较多个标题版本
什么是 Open Graph（OG）图片？
Open Graph 图片，即 OG 图片，是当有人在 Facebook、LinkedIn、X、Slack 等应用中分享您页面链接时所显示的图片。您可以通过页面 HTML 中的 og:image 标签来设置它。社交媒体帖子图片则不同，那是您自己上传到某个平台的图片。
Open Graph 图片的尺寸、格式与测试
一张好的 OG 图片尺寸合适、体积够小以便快速加载，并且在手机上也清晰易读。以下解答能帮助您把每个细节都做到位。
Open Graph 图片的最佳尺寸是多少？
建议使用 1200×630 px，即 1.91:1 的比例，这在所有主流平台上都适用。该生成器生成的正是这个尺寸。各平台也有各自的限制：
- Facebook：至少需要 1200×630 才能获得清晰的预览。低于 600×315 时，链接只会显示小图而非大图。文件大小最大可达 8 MB。
- LinkedIn：至少需要 1200×627，比例为 1.91:1，最大 5 MB。
- X：大图卡片使用 2:1 比例，因此 1200×630 图片的上下边缘会被裁掉一小条。文件必须小于 5 MB。
JPG 还是 PNG：哪种格式更适合 OG 图片？
本工具默认使用 JPG，可让大多数卡片保持较小体积。质量滑块范围为 50% 至 95%，预估大小低于 200 KB 时会显示为绿色。PNG 会保留每个像素，但体积可能达到 500 KB 或更大。如果您已经有现成的图片，可以改用图片缩放工具中的 Facebook 帖子预设（1200×630）。
Logo 还是背景：该如何添加您自己的图片？
在自定义图片中选择图片模式，支持 JPG、PNG、WebP 和 SVG 文件。
- Logo（叠加）：您的图片会出现在所选模板的左下角，高度约为 80 px。
- 背景（铺满）：您的照片会铺满整张卡片并按比例裁切。边缘会略微变暗，文字会显示在底部的深色条带上。
- 背景模式使用独立的文字排版，因此您所选的模板不会影响最终效果。
什么样的 OG 图片算是好的？
大多数人是在手机上看到您的卡片的，所以标题要简短有力。模板大约只会显示标题的 65 到 70 个字符、描述的 110 到 120 个字符，其余部分会被截断。重要字词要避开边缘，因为部分应用会裁切边缘内容。所有页面使用相同的模板和品牌色，方便读者一眼认出您的链接。
如何测试您的 OG 图片？
发布页面后，将其网址粘贴到 Facebook 的分享调试工具或 LinkedIn 的帖子检测工具中，两者都会显示卡片并重新抓取最新版本。对于 X，只需将链接粘贴到新帖子中，无需发布即可看到卡片预览。如果旧图片一直显示，请用新文件名上传新图片并更新标签。
OG图像生成器——常见问题解答
关于在线创建 Open Graph 图像的常见问题
正确的原始图像尺寸是多少？
建议使用 1200×630 像素，即 1.91:1 的比例，本工具导出的尺寸始终如此。Facebook 需要至少 600×315 才能显示大图预览，LinkedIn 则要求至少 1200×627。一张 1200×630 的图片可同时适用于 Facebook、LinkedIn、X，以及大多数支持链接预览的聊天应用。
Twitter（X）卡片图片的尺寸是多少？
X 的大图卡片使用 2:1 比例，至少 300×157 px，且需小于 5 MB。1200×630 的 OG 图片同样适用，不过 X 可能会裁掉上下的一小条边缘。当页面没有 twitter:image 标签时，X 会读取 og:image。若要显示大图卡片，还需在页面中添加 <meta name="twitter:card" content="summary_large_image" />。
这个生成器会自动在我的网站中添加 meta 标签吗？
不会，它只生成图片文件。您需要自行将文件上传到网站，并添加 og:image 标签，具体方法见下方最后一个问题。许多建站工具和博客平台也提供社交或分享图片字段，您可以直接在那里上传。
OG 图片支持哪些字体和语言？
所有模板都使用 Inter 字体的常规体和粗体。编辑器仅加载 Inter 的拉丁字符集，因此支持英语及大多数西欧语言。中文、日文、韩文、阿拉伯文和西里尔文字无法正确显示，也无法上传自定义字体。
我可以将这些原始图片用于商业用途吗？
可以。您制作的图片可自由用于个人及商业网站，无水印、无需署名。Inter 字体采用 SIL 开源字体许可，允许商业使用。如果您添加了 Logo 或照片，请确保您拥有使用权。
如何将OG图片添加到我的网站？
将下载的图片上传到您的网站或 CDN，然后在页面 <head> 中添加 og:image meta 标签：<meta property="og:image" content="https://yourdomain.com/og/page-name.jpg" />。请使用以 https 开头的完整网址。同时添加 og:image:width 和 og:image:height 标签，分别设为 1200 和 630。发布后，使用 Facebook 的分享调试工具和 LinkedIn 的帖子检测工具刷新缓存的预览。