全新 OG 图片生成器:几秒钟做出完美的社交分享图
og-imageseo社交媒体新工具
你分享出去的每一个链接——在 X/Twitter、Facebook、LinkedIn、Slack、iMessage 里——都会显示一张预览卡片。这张卡片是精致还是简陋,完全取决于一个文件:Open Graph 图片。今天我们上线了免费的 OG 图片生成器,几十秒就能做出专业的分享图,不需要设计技能,也不会上传任何文件。
为什么 OG 图片很重要
og:image 标签决定了社交平台和聊天软件展示你链接时的封面。带精美预览图的分享往往能获得更多点击,搜索引擎也更青睐社交元数据完整的页面。推荐尺寸是 1200×630 像素——其他尺寸容易被裁切或模糊。
12 套模版,复刻经过验证的设计
我们研究了最优秀的开源生成器,把它们经过验证的构图在高速 Canvas 引擎上逐一重建,并加入了自己的设计:
- OG · Basic——居中 logo、标题、描述,最稳妥的默认选择。
- OG · Hero——标签药丸、大标题、下方圆角截图,适合产品发布。
- OG · Notice——左 logo、右文案的横排布局。
- OG · Image Right——左文右图的分栏布局。
- OG · Logos Row——"trusted by" 客户 logo 墙。
- X Header · Basic / Minimalist / Logo——1500×500 的个人主页横幅。
- Blog Cover · Basic——1600×900 的博客封面。
- Quote、Banner、Custom——引用语录、底部横幅公告,以及任意自定义尺寸。
每套模版都自带独立的背景、配色和纹理配置,切换模版就能得到截然不同的设计。
和这里所有工具一样,隐私优先
生成器完全在你的浏览器里用 Canvas API 运行。你的 logo、截图和文字永远不会离开你的设备——没有服务器、没有账号、不加水印(除非你自己加)。支持以 PNG、JPEG 或 WebP 全分辨率导出。
顺手把 meta 标签也复制走
设计图片只是工作的一半。工具还会生成完整的 Open Graph 和 Twitter Card meta 标签——og:title、og:description、og:image、twitter:card 等等,并自动填入你的文案。粘贴到页面的 <head> 里,链接在任何平台都能正确展开。
打开 OG 图片生成器,选一套模版,一分钟内就能做出可分享的预览图。