OG 图片生成器 — 免费社交卡片制作工具
几秒钟即可为 Twitter、LinkedIn 和 Facebook 创建 Open Graph 预览图。4 种模板可选。可自定义颜色。立即下载 1200×630 PNG 图片。
当您需要自定义 OG 图片时
博客及内容
- 发布前，为每篇博客文章创建品牌预览。
- 为您的文档页面生成匹配的 OG 图像
- 为新闻简报存档页面设计统一的缩略图
- 让你的文章链接在 Twitter 信息流和 Slack 中脱颖而出
产品与软件即服务
- 为每个功能页面构建品牌化的着陆页预览
- 生成用于更新日志和发布公告的 OG 图片。
- 为定价、关于我们和注册页面创建社交卡片
- 为个人简介中的链接工具设计特定于营销活动的预览。
开发商和代理机构
- 在实现动态服务器端生成器之前，快速测试 OG 图像。
- 为没有动态内容的页面创建静态备用 OG 图片
- 无需启动服务器即可生成客户专属的社交卡片
- 导出基准 OG 图片，用于 A/B 测试不同的标题框架
如何打造一张经典的OG图片——3个步骤
输入您的内容
请在表单中输入页面标题、简短描述和网站名称。预览会实时更新，无需点击保存按钮。
选择模板和品牌颜色
您可以从简洁、深色、渐变或品牌模板中选择。使用颜色选择器设置您的品牌颜色，使其与您的网站色调相匹配。
下载您的PNG文件
点击下载导出 1200×630 PNG 图片——这是 Twitter、LinkedIn 和 Facebook 要求用于全出血链接预览的标准 Open Graph 图片尺寸。
免费 OG 图片生成器 — 在线创建 Open Graph 预览图片
Open Graph 图片 (og:image) 是您在 Twitter、LinkedIn、Facebook、Slack 或 Discord 上分享链接时显示的预览图。如果没有尺寸合适的 og:image，平台会回退到通用占位符，导致点击量减少。PicsSizer 的 OG 图片生成器让您可以使用 Satori（Vercel 的 og 图片服务使用的同一库）在浏览器中创建 1200×630 像素的 PNG 社交卡片，无需安装任何软件或将文件上传到服务器。只需输入标题、描述和网站名称，从 4 个模板中选择一个，设置品牌颜色，即可在几秒钟内下载。
什么是 Open Graph 图像？
Open Graph (OG) 是 Facebook 创建的一种协议，用于控制 URL 在社交媒体上分享时的显示方式。`og:image` 元标签定义了链接预览卡片中显示的图片。当未指定 Twitter Card 时，Twitter 会使用 `og:image` 作为 `twitter:image` 的备用方案。LinkedIn、Slack 和 Discord 也读取 `og:image` 来渲染展开预览。标准尺寸为 1200×630 像素（宽高比为 1.91:1），在大多数平台上都能显示全宽卡片。OG 图片缺失或尺寸不正确会导致缩略图被裁剪、模糊或缺失，从而显著降低点击率。
平台对 OG 图片尺寸的要求
Twitter 要求 summary_card_with_large_image 的图片尺寸为 1200×628 至 1200×630。LinkedIn 建议文章帖子的图片尺寸为 1200×627。Facebook 的大多数链接分享支持 1200×630 的图片；小于 600×315 的图片会显示为小型内嵌缩略图。Slack 和 Discord 都支持 1200×630 的图片尺寸，其他宽高比的图片会被居中裁剪。本工具导出的 1200×630 尺寸是安全的通用默认尺寸，可在所有主流平台上正确显示，无需裁剪。
高点击率 OG 图片制作技巧
标题长度应控制在 60 个字符以内——较长的标题在某些平台预览中会被截断。描述长度应控制在 160 个字符以内，以便完整显示。纯色或渐变背景上的高对比度文本比带有文字叠加的图片更易于阅读。保持品牌一致性（所有原始图片使用相同的颜色和字体）有助于提高在社交媒体信息流中的识别度。部署后，请使用 Twitter 的卡片验证器、LinkedIn 的帖子检查器和 Facebook 的分享调试器测试您的原始图片，以确认新图片已正确缓存。
更多设计和生成器工具
生成、转换和设计——全部免费，全部在您的浏览器中完成。
OG图像生成器——常见问题解答
关于在线创建 Open Graph 图像的常见问题