OG 图片生成器
在 blog 文章、发布笔记或营销页被分享前,先让链接预览看起来像有整理过。
Theme
DEPLOYPAGES
用更好的社交预览发布下一次上线
创建 OG 卡片,让发布说明、博客文章和营销页被分享时更完整。
D
DeployPages Team
Published on 5/20/2026
预览会缩放以符合页面。下载文件使用 1200x630。
关于 Open Graph 图片
最佳尺寸:1200x630
1.91:1 横向比例广泛用于 Open Graph 预览。它有足够空间放标题、产品背景和品牌标记,不必依赖太小的字。
为什么重要
链接预览常是发布、文章或工具的第一个视觉印象。刻意设计的卡片会让页面看起来有人维护,而不是自动生成。
缩小后仍要可读
社交卡片常以缩图显示。字要够大,避免密集段落,重要内容也不要贴边。
平台尺寸指南
1200 x 630
Facebook / LinkedIn
标准横向格式。重要文字保持居中,较能经受平台裁切。
1200 x 600
Twitter Summary Large
Twitter 也适合稍短的 2:1 卡片,不过 1200x630 仍有较广兼容性。
1:1 Square
Messaging apps
方形预览常从中心裁切,因此跨聊天应用分享时,中央构图很重要。
常见问题
生成的图片归我所有吗?
是。图片在你的浏览器本机生成,生成过程不会上传到服务器。
我要怎么把图片接到 metadata?
加入 og:image meta tag 指向最后图片网址;需要时再搭配 twitter:card 设为 summary_large_image。
可以使用非拉丁文字吗?
可以。只要 rendering environment 有需要的字体,浏览器 renderer 支持非拉丁文字。
为什么平台还显示旧预览图?
社交平台会缓存链接预览。修改图片网址或 metadata 后,请用平台分享 debugger 或 card validator 强制刷新。
每个页面都应该用同一张 OG 图吗?
工具页用默认图可以;重要发布、blog 文章和营销页通常更适合使用页面专属卡片。