开放图谱社交卡片图片生成器
指导
开放图谱社交卡片图片生成器
在浏览器中直接设计用于开放图谱（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
