语言
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Open Graph 图像生成器

Open Graph 图像生成器

使用 20 个模板、自定义文本、颜色和图像上传功能为社交媒体链接预览创建精美的 OG 图像。

什么是 Open Graph 图像?

当您在 Facebook、Twitter 或 LinkedIn 等社交媒体平台上分享链接时,出现的预览卡片中包含一张图像 — 这就是 Open Graph (OG) 图像。精心设计的 OG 图像可以显著提高点击率,让您的内容在拥挤的信息流中脱颖而出。

此生成器可帮助您在几秒内创建专业的 OG 图像,无需设计软件。从 20 个独特模板中选择,自定义文本和颜色,添加您自己的图像,然后导出可立即使用的像素完美 1200×630 PNG 文件。

为什么 OG 图像很重要

第一印象

当您的链接被分享时,OG 图像通常是人们看到的第一件事

提高参与度

带有自定义图像的帖子比使用自动生成预览的帖子获得的点击次数要多得多

品牌一致性

使您的 OG 图像与品牌颜色和风格相匹配

专业外观

从使用通用或缺失预览图像的链接中脱颖而出

如何创建您的 OG 图像

1

输入您的内容

内容部分填写文本字段:

  • 标题 — 您的主要标题(在图像上突出显示)
  • 副标题 — 简短描述或标语
  • 作者 — 您的名字或内容创建者
  • 网站 — 您的域名(也显示在社交预览模拟中)
实时预览:文本在您输入时立即在画布上更新。
2

选择模板

向下滚动到模板部分,点击您喜欢的任何设计。有 20 种风格可供选择 — 渐变、极简、深色主题、复古等。每个模板以不同的方式排列您的文本。

3

自定义颜色

8 个颜色预设中选择,或使用拾色器设置您自己的主色和强调色。模板会根据您的选择调整其背景和强调元素。

4

定位您的文本

直接在画布上拖拽任何文本元素以重新定位。双击画布上的文本可快速跳转到其输入字段进行编辑。

5

添加图像(可选)

在"图像"部分点击 + 添加以上传照片或徽标。在画布上:

  • 点击图像以选择它
  • 拖拽以移动它
  • 拖拽角部手柄以调整大小(保持宽高比)
  • Delete 删除选定的图像
6

导出

点击 PNG 按钮下载您的图像(1200×630 像素),或使用复制按钮直接将其复制到剪贴板。

功能

20 个独特模板

从多样化的专业设计模板集合中选择:

渐变风格

具有平滑色彩过渡的现代流动设计

  • 渐变流
  • 温暖日落
  • 海洋微风
  • 网格渐变

简洁极简

专注于内容的简单优雅设计

  • 简洁极简
  • 点阵图案
  • 几何粗体
  • 堆叠卡片

深色主题

大胆高对比度设计,具有最大影响力

  • 终端深色
  • 霓虹发光
  • 赛博朋克
  • 极光

创意独特

具有独特特色的脱颖而出设计

  • 宝丽来
  • 报纸
  • 粗野主义
  • 复古条纹
  • 地形

专业

适合企业内容的商务就绪模板

  • 博客专业版
  • 大胆分割
  • 玻璃卡片

拖拽定位文本

每个文本元素(标题、副标题、作者、网站)都可以自由拖拽到画布上的任何位置。每个模板都提供智能默认位置,但您可以完全控制布局。

直观编辑:双击画布上的任何文本可快速跳转到其输入字段进行编辑。

图像上传和编辑

上传多张图像以叠加在模板背景上。每张图像都可以使用保持原始宽高比的直观角部手柄独立移动和调整大小。

  • 上传无限制数量的图像
  • 拖拽以在画布上的任何位置重新定位
  • 使用角部手柄调整大小(宽高比锁定)
  • 使用键盘删除选定的图像

颜色自定义

模板会响应您的颜色选择 — 从 8 个精心策划的颜色预设中选择,或使用拾色器定义您自己的主色和强调色。

预设

快速配色方案

  • 8 个专业设计的预设
  • 一键应用
  • 和谐的配色组合
自定义

品牌颜色

  • 完整的拾色器控制
  • 匹配您的品牌标识
  • 主色和强调色

社交预览模拟

准确查看您的 OG 图像在社交媒体上分享时的显示效果。预览卡片显示您的图像以及域名、标题和描述 — 就像 Facebook 或 LinkedIn 显示的一样。

缩放预览

使用缩放控件以不同尺寸检查您的设计 — 从紧凑的 320px 卡片到大型 840px 视图 — 确保您的文本和图像在任何尺度下看起来都很好。

移动预览 320px
桌面预览 840px

即时导出

将完成的 OG 图像下载为高质量 PNG 文件(1200×630 像素),或直接复制到剪贴板以粘贴到其他应用程序中。

PNG 下载

以完美的 1200×630 分辨率导出为标准图像文件

复制到剪贴板

即时粘贴到设计工具或内容管理系统中

常见问题

OG 图像应该是什么尺寸?

标准 Open Graph 图像尺寸为 1200 × 630 像素(1.91:1 宽高比)。此尺寸适用于 Facebook、Twitter、LinkedIn 和大多数其他平台。此工具生成的图像正好是这个分辨率。

通用兼容性:1200×630 是 Facebook 推荐的尺寸,在所有主要社交平台上都能完美运行。

我可以上传自己的图像吗?

可以。点击 + 添加按钮上传一张或多张图像。您可以使用拖放和角部手柄在画布上自由移动和调整每张图像的大小。

我如何在图像上重新定位文本?

只需点击并拖拽画布上的任何文本元素。当您切换模板时,文本位置会重置为模板的默认值。

我的图像会被上传到服务器吗?

不会。所有处理都完全在您的浏览器中进行。您的图像和数据永远不会上传到任何服务器。

100% 隐私:您的内容保留在您的设备上。无服务器上传,无数据收集。

我可以使用自定义颜色吗?

可以。使用拾色器设置任何主色和强调色,或从 8 个内置预设中选择。模板会自动调整其背景和装饰元素以适应您选择的颜色。

我如何将此图像添加到我的网站?

下载 PNG 后,将其上传到您的网站,并将以下元标签添加到您页面的 <head>

HTML 元标签
<meta property="og:image" c>

哪些平台支持 OG 图像?

Facebook、Twitter(作为 Twitter 卡片)、LinkedIn、Discord、Slack、WhatsApp、Telegram、Pinterest 和大多数生成链接预览的消息应用都支持 Open Graph 图像。

  • Facebook
  • Twitter / X(Twitter 卡片)
  • LinkedIn
  • Discord
  • Slack
  • WhatsApp
  • Telegram
  • Pinterest
EXAMPLE.COM
页面标题
页面描述将显示在此处...
1200 × 630
内容
图片
颜色
#6366f1
#a855f7
模板
标准 OG 图像尺寸为 1200 × 630 像素(1.91:1 比例)
在画布上拖拽文本可自由重新定位
双击画布上的文本可快速编辑
使用颜色预设快速更改模板主题
上传图像并拖拽角部手柄按比例调整大小
Delete键从画布中删除选定的图像
所有处理都在您的浏览器中进行 — 图像永远不会被上传
想了解更多? 阅读文档 →
1/8
找不到?用AI自定义工具
开始输入以搜索...
搜索中...
未找到结果
请尝试使用不同的关键词搜索