什么是 Open Graph 图像?
当您在 Facebook、Twitter 或 LinkedIn 等社交媒体平台上分享链接时,出现的预览卡片中包含一张图像 — 这就是 Open Graph (OG) 图像。精心设计的 OG 图像可以显著提高点击率,让您的内容在拥挤的信息流中脱颖而出。
此生成器可帮助您在几秒内创建专业的 OG 图像,无需设计软件。从 20 个独特模板中选择,自定义文本和颜色,添加您自己的图像,然后导出可立即使用的像素完美 1200×630 PNG 文件。
为什么 OG 图像很重要
第一印象
提高参与度
品牌一致性
专业外观
如何创建您的 OG 图像
输入您的内容
在内容部分填写文本字段:
- 标题 — 您的主要标题(在图像上突出显示)
- 副标题 — 简短描述或标语
- 作者 — 您的名字或内容创建者
- 网站 — 您的域名(也显示在社交预览模拟中)
选择模板
向下滚动到模板部分,点击您喜欢的任何设计。有 20 种风格可供选择 — 渐变、极简、深色主题、复古等。每个模板以不同的方式排列您的文本。
自定义颜色
从 8 个颜色预设中选择,或使用拾色器设置您自己的主色和强调色。模板会根据您的选择调整其背景和强调元素。
定位您的文本
直接在画布上拖拽任何文本元素以重新定位。双击画布上的文本可快速跳转到其输入字段进行编辑。
添加图像(可选)
在"图像"部分点击 + 添加以上传照片或徽标。在画布上:
- 点击图像以选择它
- 拖拽以移动它
- 拖拽角部手柄以调整大小(保持宽高比)
- 按 Delete 删除选定的图像
导出
点击 PNG 按钮下载您的图像(1200×630 像素),或使用复制按钮直接将其复制到剪贴板。
功能
20 个独特模板
从多样化的专业设计模板集合中选择:
渐变风格
具有平滑色彩过渡的现代流动设计
- 渐变流
- 温暖日落
- 海洋微风
- 网格渐变
简洁极简
专注于内容的简单优雅设计
- 简洁极简
- 点阵图案
- 几何粗体
- 堆叠卡片
深色主题
大胆高对比度设计,具有最大影响力
- 终端深色
- 霓虹发光
- 赛博朋克
- 极光
创意独特
具有独特特色的脱颖而出设计
- 宝丽来
- 报纸
- 粗野主义
- 复古条纹
- 地形
专业
适合企业内容的商务就绪模板
- 博客专业版
- 大胆分割
- 玻璃卡片
拖拽定位文本
每个文本元素(标题、副标题、作者、网站)都可以自由拖拽到画布上的任何位置。每个模板都提供智能默认位置,但您可以完全控制布局。
图像上传和编辑
上传多张图像以叠加在模板背景上。每张图像都可以使用保持原始宽高比的直观角部手柄独立移动和调整大小。
- 上传无限制数量的图像
- 拖拽以在画布上的任何位置重新定位
- 使用角部手柄调整大小(宽高比锁定)
- 使用键盘删除选定的图像
颜色自定义
模板会响应您的颜色选择 — 从 8 个精心策划的颜色预设中选择,或使用拾色器定义您自己的主色和强调色。
快速配色方案
- 8 个专业设计的预设
- 一键应用
- 和谐的配色组合
品牌颜色
- 完整的拾色器控制
- 匹配您的品牌标识
- 主色和强调色
社交预览模拟
准确查看您的 OG 图像在社交媒体上分享时的显示效果。预览卡片显示您的图像以及域名、标题和描述 — 就像 Facebook 或 LinkedIn 显示的一样。
缩放预览
使用缩放控件以不同尺寸检查您的设计 — 从紧凑的 320px 卡片到大型 840px 视图 — 确保您的文本和图像在任何尺度下看起来都很好。
即时导出
将完成的 OG 图像下载为高质量 PNG 文件(1200×630 像素),或直接复制到剪贴板以粘贴到其他应用程序中。
PNG 下载
复制到剪贴板
常见问题
OG 图像应该是什么尺寸?
标准 Open Graph 图像尺寸为 1200 × 630 像素(1.91:1 宽高比)。此尺寸适用于 Facebook、Twitter、LinkedIn 和大多数其他平台。此工具生成的图像正好是这个分辨率。
我可以上传自己的图像吗?
可以。点击 + 添加按钮上传一张或多张图像。您可以使用拖放和角部手柄在画布上自由移动和调整每张图像的大小。
我如何在图像上重新定位文本?
只需点击并拖拽画布上的任何文本元素。当您切换模板时,文本位置会重置为模板的默认值。
我的图像会被上传到服务器吗?
不会。所有处理都完全在您的浏览器中进行。您的图像和数据永远不会上传到任何服务器。
我可以使用自定义颜色吗?
可以。使用拾色器设置任何主色和强调色,或从 8 个内置预设中选择。模板会自动调整其背景和装饰元素以适应您选择的颜色。
我如何将此图像添加到我的网站?
下载 PNG 后,将其上传到您的网站,并将以下元标签添加到您页面的 <head>:
<meta property="og:image" c>
哪些平台支持 OG 图像?
Facebook、Twitter(作为 Twitter 卡片)、LinkedIn、Discord、Slack、WhatsApp、Telegram、Pinterest 和大多数生成链接预览的消息应用都支持 Open Graph 图像。
- Twitter / X(Twitter 卡片)
- Discord
- Slack
- Telegram
还没有评论,快来发表第一条!