OG 图生成器——用你的真实品牌
填入品牌名、slogan、配色、字体——4 套布局任选,生成 1200×630 社交分享卡。Canvas 实时预览,PNG 下载。无需注册,无 API 调用,无 image-gen 模型。
如何使用
填写品牌信息
品牌名、slogan、配色、字体。或者从其他 Free Tool 跳转过来——URL 参数自动带过来。
选布局
4 套设计师布局(极简 / 编辑风 / 大胆 / 引述)。Canvas 实时预览,边编辑边看。
下载 + 上线
PNG 一键下载。直接放进你的 og:image meta 标签,或带着这些品牌输入跳转 Lokuma 构建器,首页生成时直接套用。
常见问题
为什么用 Canvas 而不是 image-gen 模型?+
两个原因:(1) 成本——image-gen 模型每张 $0.01–0.04,要么限流要么收费。Canvas 免费、即时。(2) 品牌精度——Canvas 直接画你给的精确配色、精确字体、精确文字。image-gen 模型会「诠释」你的品牌,大概率配色字体都跑偏。OG 卡要的是精确,不是创意。
输出尺寸是多少?+
1200×630 像素——OpenGraph 和 Twitter(大卡)推荐尺寸。PNG 原生分辨率渲染;现代 Canvas2D 的文本是矢量级别,纯色块也清晰锐利。文件大小通常 30–80 KB,看布局复杂度。
可以用 Cormorant 和 Inter 之外的 Google Fonts 吗?+
可以。在标题/正文字段输入任意 Google Fonts 字体名,页面会通过 Google Fonts CSS 端点加载,Canvas 重新渲染。默认 Cormorant + Inter 是因为它们是干净的编辑风搭配,但 Manrope、Playfair、Inter Tight、IBM Plex 等 fonts.google.com 上的字体都能用。
为什么没有 AI 图片背景?+
考虑过——但每张 AI 背景看起来都跟其他 AI 背景模糊地像,而且每张 $0.01–0.04。这里的 4 套布局是有意只做字体驱动、配色驱动、品牌驱动。如果你想要照片,把生成的 PNG 拖进 Figma/Photoshop 合成到你自己拍的照片上。
真的免费吗?+
免费。无需账户、无需信用卡、无 API 调用。Canvas 在你的浏览器里跑,字体从 Google 免费 CDN 加载,下载就是浏览器把 canvas 存为 PNG。我们靠你最终上线 Lokuma 网站赚钱——在那之前永远免费。