OG Image 生成器 - 社交链接预览图制作

制作社交链接预览用的 OG Image

这款 OG image 生成器帮你制作 Open Graph 预览图，也就是链接被分享到 Facebook、X（Twitter）、LinkedIn、Discord、Slack 等应用时所显示的那张图。输入标题和详细信息，选一套模板，即可导出像素精准的 1200×630 PNG —— 无需任何设计软件。

它适合每一位发布内容、又希望链接卡片看起来用心的人：博主、营销人员、需要设置 og:image meta 标签的开发者，以及想让每一个被分享的网址都脱颖而出、而不是显示通用或缺失缩略图的创作者。从 20 套模板中挑选，自定义文字和配色，放入自己的图片，几秒钟即可下载。

隐私至上的设计：每一套模板都在你自己的浏览器画布中渲染。你的文字和添加的任何图片都不会被上传到服务器 —— 导出文件完全在你的设备上生成。

如何制作你的 OG Image

输入内容

在“内容”面板中填写标题、副标题、作者和网址等字段。画布会随你的输入实时更新，你填写的网址也会同步到社交卡片模拟中。

选择模板

打开模板网格，点击 20 套设计中的任意一套 —— 渐变、极简、暗色、复古等等。每套都会用自己的版式和样式来排布你的文字。

自定义配色

选用 8 种配色方案之一，或用取色器设置你自己的主色和强调色。模板会调整背景和强调元素来匹配你的选择。

摆放文字并添加图片

在画布上拖动任意文字元素来调整位置，或双击它直接跳转到对应的输入框。在“图片”面板中用添加上传照片或徽标，然后拖动来移动、拉动角点来缩放。

导出图片

下载 1200×630 的 PNG，或将图片直接复制到剪贴板以便粘贴到别处。在页面中用 og:image meta 标签引入它，链接预览就准备就绪了。

功能特性

20 套独特模板

渐变、极简、暗色、复古和创意版式，包括流光渐变、暗色终端、赛博朋克、拍立得、报纸版式、粗野主义和玻璃卡片。

自定义文字字段

设置标题、副标题、作者和网址，画布会随你逐个字段的输入实时更新。

文字拖动定位

每个文字元素都能在画布上自由拖动，让你在模板默认布局之外仍完全掌控版式。

配色方案与自定义颜色

套用 8 种精选配色方案之一，或设置你自己的主色和强调色；模板会重新调整背景和强调元素来匹配。

图片上传与编辑

在模板上方添加多张照片或徽标，然后拖动来移动、拉动角点来缩放，而宽高比始终保持锁定。

社交预览模拟

逼真的分享卡片会展示你的图片以及域名、标题和描述，让你在发布前就看到链接的样子。

缩放预览

让预览卡片在五种尺寸间切换，从紧凑的 320px 到大尺寸的 840px，查看文字和图片在各种比例下的表现。

PNG 导出与复制

下载高质量的 1200×630 PNG，或将图片直接复制到剪贴板，以便粘贴到其他应用中。

双击即可编辑

双击画布上的任意文字，即可直接跳转到侧栏中对应的输入框，立即开始编辑。

键盘删除与暗色模式

按 Delete 键删除选中的图片，并借助内置的暗色主题舒适工作。

常见问题

OG image 是什么？

Open Graph（OG）图片是链接被分享到社交媒体或即时通讯应用时所显示的预览图。它通过页面 <head> 中的 og:image meta 标签设置，通常是人们在信息流里最先看到的内容，因此一张清晰、契合品牌的图片能明显提升点击率。

og:image 应该用多大尺寸？

Open Graph 图片的标准尺寸是 1200 × 630 像素（1.91:1 比例），在 Facebook、X、LinkedIn 以及大多数其他平台上都适用。本生成器每次都恰好按这个分辨率导出。

如何给网站添加 og:image meta 标签？

将导出的 PNG 上传到你的网站，然后在页面 <head> 中加入这一行：

<meta property="og:image" content="https://yoursite.com/path/to/og-image.png">

大多数平台会缓存预览，因此更新标签后请重新分享，或使用平台的调试工具来刷新卡片。

og:image 该用 PNG 还是 JPG？

本工具导出 PNG，能让文字和模板的平面图形保持锐利，并且各平台都支持。对于照片偏多的设计，JPG 可以生成更小的文件，但这里的 PNG 导出文件完全在各平台常见的体积限制之内，且对锐利文字而言是更稳妥的默认选择。

为什么我分享链接时 OG 图片不显示？

最常见的原因是缺少或写错了 og:image 标签、使用了相对地址而非绝对图片 URL，或者预览被缓存为旧版。请确保标签指向一个完整的 https:// URL，然后在平台的链接预览调试工具中重新抓取页面以清除缓存。

我可以上传自己的图片并使用自定义颜色吗？

可以。点击添加上传一张或多张照片或徽标，然后拖动来移动它们、拉动角点来缩放，而宽高比始终保持锁定。配色方面，可选用 8 种方案之一，或用取色器设置任意主色和强调色，模板会随之调整匹配。

如何重新摆放图片上的文字？

直接在画布上点击并拖动任意文字元素即可移动它，或双击它跳转到对应的侧栏输入框。切换模板会把文字重置回该模板的默认位置。

我的图片会被上传到服务器吗？

不会。所有渲染和导出都完全在你的浏览器中借助画布完成，你添加的图片只在本地设备上读取。你输入或上传的任何内容都不会被发送到服务器。