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 文章和营销页通常更适合使用页面专属卡片。