开放图谱社交卡片图片生成器
指导
开放图谱社交卡片图片生成器
在浏览器中直接设计用于开放图谱(Open Graph)、推特卡片(Twitter Cards)、领英(LinkedIn)和脸书(Facebook)的像素级完美的社交分享图片。输入标题、描述和网站名称,选择布局和主题,然后下载符合各平台要求的PNG、JPG或WebP格式图片——无需设计工具或上传。
如何使用
- 选择预设尺寸(开放图谱1200×630,推特1024×512)或自定义宽度和高度。
- 输入您希望出现在卡片上的标题、描述和网站名称。
- 选择布局(居中对齐、左对齐或顶部栏强调)和主题(浅色、深色、品牌色或渐变色)。
- 调整字体——字体家族、标题大小和描述大小——以匹配您的品牌形象。
- 点击 下载 并保存PNG、JPG或WebP格式,用于作为您的
og:image或twitter:image.
特征
- 正确的社交图片尺寸 – 开放图谱(1200×630)、推特卡片(1024×512)、领英和脸书的预设尺寸。
- 多种布局 – 提供居中、左对齐和顶部栏强调模板,以适应不同品牌风格。
- 浅色、深色、品牌色和渐变主题 – 一键切换背景,或使用您自己的品牌颜色。
- 自动缩小标题 – 长标题会自动换行并调整大小,以确保卡片内容可读。
- 实时画布预览 – 每次更改都会立即在真实的HTML5画布上重新渲染——您看到的就是您下载的内容。
- PNG、JPG和WebP导出 – 选择最适合您托管和CDN的格式。
- 完全在浏览器中运行 – 无需上传,无需账号,无水印。
常问问题
-
什么是开放图谱协议?
开放图谱是一组由Facebook引入的
<meta>标签,可以让网页描述自身给社交平台。最常见的标签是og:title,og:description,并且og:image。当有人分享链接时,平台会读取这些标签,并渲染出丰富的卡片,而不是简单的网址。 -
og:image应该使用什么尺寸?
开放图谱规范建议使用1.91:1的宽高比,最小尺寸为600×315像素。大多数平台在1200×630尺寸下表现最佳,该尺寸能保证在高分辨率屏幕上清晰显示,同时不超过Facebook 8MB的大小限制。推特卡片通常使用1024×512的尺寸用于summary_large_image格式。
-
社交平台为何会缓存og:image URL?
Facebook、领英和Slack等平台会首次获取og:image并存储在他们的CDN上,以避免每次链接被分享时都频繁请求您的源服务器。该缓存可维持数天甚至数周。若要更新图片后强制刷新,可更改文件URL或使用平台调试工具(例如Facebook分享调试器)重新抓取页面。
-
og:image和twitter:image有什么区别?
og:image是开放图谱协议的一部分,被Facebook、领英、Slack、Discord等大多数通讯应用读取。twitter:image属于推特卡片,仅被X(Twitter)读取。如果只有og:image存在,X将自动使用它,因此一张高质量图片通常可同时适用于两个平台——但提供两者可针对不同平台优化尺寸。 -
为什么标题在过长时会自动缩小?
社交卡片有固定的画布,因此过长的标题超出边界会显得破碎。HTML5 Canvas API本身不支持自动换行,因此生成器会逐个测量单词,将标题拆分为多行,并逐步减小字体大小,直到标题能完全适应安全区域。这样确保每次导出都清晰可读,无需手动调整。
ctx.measureText()开放图谱社交卡片图片生成器1
