跳至主要内容
OG Image AI

免费 OG 图片生成器一眼就能看懂的 Open Graph 图片

免费的 OG 图片生成器,专为清爽的 Open Graph 图片而生——选择模板、输入标题,直接在浏览器里导出精致的 1200×630 PNG、JPEG 或 WebP。无需注册、没有水印、不用会设计。

OG 1200×630 · X 头图 1500×500 · PNG、JPEG 或 WebP
01 · 选择模板
营销
生成精美的 OG 图片
og:image-right ✓
发布你的新品
og:hero
简洁的标题已经足够
og:basic
更新日志
v2.0 已发布——看看有哪些新变化
og:notice

// 免费工具

OG 图片生成器

快速创建可直接分享的 Open Graph 图片。选择模板、编辑文字、挑选背景,然后一键导出。

正在生成预览…

图片实时更新——无需注册

// 使用方法

三步做出可分享的图片

01
选择模板

从专为 Open Graph 卡片(1200×630)和 X 头图(1500×500)精准适配的版式开始。

02
打造专属风格

编辑标题、标签、Logo 和背景,输入的同时预览实时更新。

03
导出并发布

使用清晰的文件名下载 PNG、JPEG 或 WebP,并可调整质量。

// 为什么选它

为高效产出的人打造

实时预览编辑器

调整文字、字体和背景,最终图片会实时同步更新。

8 套专业模板

专为 Open Graph 卡片和 X/Twitter 头图打造的清爽预设——不用面对空白画布。

PNG · JPEG · WebP

使用清晰的文件名下载 PNG、JPEG 或 WebP,并可调整质量。

元标签

发布前查看各平台的模拟卡片、修正元数据问题并复制标签。

品牌一致

让每一条分享链接的字体、间距和构图保持统一。

免费起步

服务器不会长期保存所读取的页面;导入字段会作为本地草稿保存在当前浏览器中。

// Open Graph 指南

什么样的 OG 图片才算好?

Open Graph 图片是当链接分享到 X、Facebook、LinkedIn、Slack 或 iMessage 时显示的预览图片。它通过一个 og:image meta 标签声明,往往也是人们对你的网站形成的第一印象。

优秀的 OG 图片能让分享链接更容易浏览和识别。它应该一眼就能读懂:标题简短醒目、文字与背景对比清晰,并带有便于识别的品牌 Logo。

01将文字放在安全区域内 不同平台裁切边缘的方式不同,请让标题远离边框。
02使用大字号 标题在信息流中显示得很小;在 1200×630 画布上使用 60px 以上字号,才能保持清晰可读。
03对比度优先于装饰 浅色背景配深色文字(或反之)比繁杂的图案更有效。
04保持风格统一 全站使用同一套模板,让每次分享都具有鲜明一致的品牌辨识度。
尺寸参考
og:image1200 × 630 · 1.91:1
X 页眉1500 × 500 · 3:1
最小尺寸600 × 315
文件大小< 1 MB
格式PNG / JPEG / WebP
<!-- 添加到 <head> 中 -->
<meta property="og:image"
content="https://your.site/og.png">
// 常见问题

常见问题解答

还有其他问题?欢迎在 GitHub 上或发邮件联系我们。

什么是 OG 图片?我为什么需要它?

OG(Open Graph)图片,是当你的链接在 X、Facebook、LinkedIn、Slack 等平台被分享时显示的预览图。清晰的 OG 图片能为预览提供易读的标题、必要的上下文和可识别的品牌信息。

这个工具真的免费吗?有什么套路?

编辑器是免费的——无需注册、没有水印。

支持哪些图片尺寸?

支持标准 Open Graph 尺寸(1200×630)和 X/Twitter 头图尺寸(1500×500)。模板针对这些尺寸做过优化,让你的图片在每个平台上都能正确显示。

支持哪些导出格式?

使用清晰的文件名下载 PNG、JPEG 或 WebP,并可调整质量。

有哪些字体和自定义选项?

提供 19 种字体族及多种字重、可自定义的背景(纯色、渐变、纹理)、网格叠加和噪点效果。每套模板都有专属的文字、布局和样式选项。

生成的图片可以商用吗?

可以——你生成的所有图片都归你所有,可用于个人项目、商业网站、产品发布和营销活动,无需标注来源。

制作你的下一张 OG 图片

粘贴公开网页链接,我们会检测社交元数据,并将标题、描述和站点名称填入编辑器。