Open Graph 图片生成器
用标题、Logo 和背景设计 1200x630 的社交分享图,并下载为 PNG。完全在浏览器中运行。
在浏览器中本地处理,你的文件不会被上传。
这个工具能做什么
Open Graph 图片是链接在社交网络、聊天应用和搜索预览中分享时显示的图片。本工具根据标题、副标题、可选的 Logo 和你选择的背景,渲染出 1200x630 的 PNG(大多数平台推荐的尺寸)。背景可以是纯色、可调角度的双色渐变,或你自己的照片并叠加暗化遮罩,让文字更易读。
文字会自动换行,标题较长时还会自动缩小以适应版面,因此你无需手动调整换行。对于中文、日文这类没有空格分隔的文字,会在字符之间换行;从右向左书写的文字也会按正确方向绘制。你可以从系统通用字体列表中选择字体,并调整字号、字重、颜色和行高。
内置六个起始模板。图片在浏览器的画布中绘制,不会上传。
使用方法
- 1选择一个模板作为起点,或从默认设置开始。
- 2输入标题和副标题,调整对齐方式、字体、字号和颜色。
- 3选择背景:纯色、渐变或上传的图片。使用照片时,请提高遮罩强度,直到文字清晰易读。
- 4也可以添加 Logo,并选择它所在的角落。
- 5下载 PNG,并在页面中用 og:image meta 标签引用它。
支持的格式
输入:Logo 和背景可使用 PNG、JPG、WebP 或 SVG。输出:1200x630 的 PNG。
隐私
此工具在你的浏览器中运行。你提供的数据在你的设备上处理,不会发送到我们的服务器。
限制
- 只能使用查看者设备上已安装的字体(系统通用字体列表);同一设计在其他操作系统上可能略有不同。下载 PNG 即可固定最终效果。
- 过长的标题会缩小到最小字号,之后以省略号截断,而不会溢出。
- 表情符号和少见的文字取决于你设备上安装的字体。
- 各平台对图片的裁剪和缓存方式可能不同;请让重要内容远离边缘(版面已预留 72 px 的边距)。
常见问题
Open Graph 图片应该是多大尺寸?
1200x630 像素(约 1.91:1)适用于 Facebook、LinkedIn、Slack、Discord,以及 Twitter/X 的大图卡片。建议控制在大约 5 MB 以内;本工具生成的 PNG 通常要小得多。
如何在我的网站上使用这张图片?
把它上传到你的网站,然后在页面 head 中添加 <meta property="og:image" content="https://example.com/og.png">,以及值为 summary_large_image 的 twitter:card meta 标签。请使用绝对 URL。
有哪些模板可用?
午夜、日光、极光、日落、杂志 和 终端。你也可以用各项控件手动做出任何风格。
支持中文、日文或阿拉伯文吗?
支持,只要你的设备上有对应文字的字体即可。中日韩文字会在字符之间换行,阿拉伯文和希伯来文则按从右向左渲染。