指南
免费做一张 Open Graph 分享图(本地生成)
链接丢到社交、聊天或文档里,常会拉出一张预览图。没有默认图时,平台可能抓到空白、乱裁的截图,或干脆没有图——第一眼就亏。
Ogmake 用来在本地生成一张标题/品牌向的 Open Graph 分享图,免费出图,按产品定位不把设计稿上传到我们服务器做云端渲染。
1. OG 图是什么
Open Graph 相关标签告诉平台:「分享这个链接时,用哪张图、什么标题」。用户没点进去之前,先看到的就是这张预览。
本页聚焦把图做出来;改图后预览不更新见 OG 缓存刷新。
2. 为什么需要默认分享图
工具站、博客、文档站如果没设分享图,预览常难看或不可控。一张固定的默认图,至少保证品牌名和主标题在。
不需要每篇文章都找设计师;先有一张「不丢人」的默认卡,再按需迭代。
独立工具站尤其吃这个:首页、定价、文档入口若共用一张清晰默认图,分享出去至少认得是你的站。
3. 用 Ogmake 本地生成
打开 Ogmake,填标题、品牌向文案等,生成卡片图并导出。
适合:站点默认分享图、文章列表统一风格、上线前先有一张可挂的图。复杂插画、多图层品牌系统,仍可能要设计工具;Ogmake 定位是够用的默认分享图。客服:[email protected]。
4. 尺寸:常见约 1200×630(示意)
很多教程会写大约 1200×630 作为起点。这是常见示意,不是写进法律的永恒官方标准。
各平台(社交、即时通讯、文档预览)裁切与推荐尺寸会变。导出前以该平台最新公开文档为准,必要时留安全边,避免关键标题被裁掉。
5. 导出后怎么用(通用)
把图上传到你的站点或对象存储,在页面 / CMS 里配置 Open Graph 的图片地址(以及标题、描述等)。
具体后台点哪几个菜单,因框架和托管而异;本文不编造未核实的平台路径。原则就一句:图有稳定 HTTPS URL,页面 meta 指到它,再用各平台提供的调试/抓取工具看实际预览(注意缓存,改图后可能要等刷新)。
6. 和实拍处理怎么分工
别把实拍清元数据和做 OG 卡片混成同一步。
FAQ
会上传吗?
按产品定位,本地生成;不把出图流程建成「必须上传原图到我们服务器」。
一定要 1200×630 吗?
常见起点,以各平台最新文档为准。
能替代 Pseudo / Figma 吗?
够用做默认分享图;复杂设计另说。
Twitter Card / X 呢?
标签层面另文;本页先把图做出来。
相关阅读
- 主工具:Ogmake
- 尺寸:OG-2 社交分享图尺寸
- 图片流水线:Heiclocal · Metastrip · Stampdrop
- OG-3 默认分享图
免责说明
Ogmake 非 Meta / X / LinkedIn 等平台官方工具。分享预览以各平台实际抓取与缓存为准。客服:[email protected]。