免费 Open Graph 图片生成器

只需点击几下即可轻松创建精美的 OG 图片、Twitter/X 标题等——无需设计技能。通过使用 PNG（推荐）、JPEG 或 WebP 格式，确保在 Twitter、Facebook 和 LinkedIn 等社交媒体平台上的最佳显示效果。需要自动化吗？使用我们强大的 API 即时生成 Open Graph 图片。

Choose a template

模板属性
通过更改属性自定义您的图片。
背景
为您的图片设置自定义背景。
渐变方向
网格覆盖
0.15
Preview
Open Graph 的最佳图片格式
选择适合社交媒体分享的最佳图片格式。
  • PNG: 为文本和徽标提供卓越的质量。
  • JPEG: 适合照片和复杂颜色的图片。
  • WebP: 一种现代格式，可在保持高质量的同时提供出色的压缩效果。
下载图片
以 PNG、JPEG 或 WebP 格式导出您的图片。

为了在 Twitter、Facebook 和 LinkedIn 等平台上获得最佳的 Open Graph (OG) 图片显示效果，建议使用 PNG（首选）、JPEG 或 WebP 格式。

API 集成
使用我们的 API 即时生成 Open Graph 图片。

将请求正文复制为 JSON 或 cURL 命令。

轻松添加 Open Graph 图片

只需几分钟即可轻松为您的网站添加社交媒体预览图片。从下方选择您喜欢的方法——无论是使用 HTML 还是 Next.js App Router。

1. 保存图片

将生成的 OG 图片保存为 og.png 并放在您网站的根目录中。

2.生成 并将 Open Graph 标签添加到 HTML head

<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />

<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />

<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

请确保将 yourdomain.com 替换为您的实际域名。

专家建议

  • 始终备份图片以防 OG 图片无法加载。
  • 使用社交媒体调试工具测试您的 OG 图片。
  • 添加有意义的替代文本以提高可访问性。
  • 为频繁更新的内容选择动态 OG 图片。