OG图片生成器
为社交媒体分享生成Open Graph预览图片。
设计能带来点击的社交分享图
概述
当链接在 Twitter/X、Facebook、LinkedIn、Slack 或 Discord 上分享时,预览卡片会拉取一张 Open Graph 图(og:image)——出现在标题上方的大图。设计良好的 OG 图能显著提升点击率;缺失或损坏的图则让链接显得不可信。标准尺寸是 1200×630 像素。这款生成器让你用标题文字、背景和点缀色构成品牌分享图,然后导出,直接接入网站的 og:image 标签。
使用步骤
- 1
输入标题与样式
键入标题,选择背景与点缀色。预览以真实的 1200×630 比例更新。
- 2
导出 PNG
以完整 Open Graph 分辨率下载渲染好的图片。
- 3
接入元标签
托管该 PNG,并在页面 <head> 中加入 <meta property="og:image" content="..."> 和 <meta name="twitter:image">。
工作原理
你在 1200×630 的实时预览中构图——标题文字、可选副标题、背景色或渐变、点缀色。工具将设计渲染到精确 OG 尺寸的画布上,导出 PNG。你托管该 PNG 并在页面的 Open Graph 与 Twitter Card 元标签中引用它。社交平台在链接首次分享时抓取图片,并为预览卡片缓存。生成在浏览器本地完成。
什么时候用
为每篇博客文章配上独特的品牌分享卡,而非通用站点 logo。制作产品或功能的发布公告。让 Slack/Discord 中的活动、网络研讨会链接更精致。统一营销站点的分享图。为提升点击率对分享卡标题做 A/B 测试。
常见问题
1200×630 像素(1.91:1 比例)是 Facebook、LinkedIn 和 Twitter 大卡片的通用标准。部分平台会略微裁切边缘,所以重要文字应远离边缘。