FeatureImg
登录

OG 图生成器

为链接预览创建 1200×630 的 Open Graph 图——无需设计软件或账户。选择模板、编辑标题、导出 PNG 或 JPEG（将 WebP 用作 og:image 前请先测试），然后在页面设置 og:image。

推荐导出尺寸

1200×630 px

推荐模板

每个模板都会在编辑器中应用此格式预设打开。 浏览全部模板

使用方法

  1. 打开 OG 图片生成器，Open Graph 格式已锁定为 1200×630。
  2. 选择适合你要分享页面的模板（以文字为主或分栏布局）。
  3. 编辑标题与副标题，再调整背景、对比度以及可选配图。
  4. 导出 PNG 或 JPEG，上传到你的网站，并将 og:image 设为该 URL。

最佳实践

  • 目标尺寸约 1200×630 px，这是富链接预览的常见默认值。
  • 标题尽量简短，确保在信息流与聊天缩略图尺寸下仍可读。
  • 使用强对比；平台往往会大幅重新压缩图片。
  • 把关键词放在标题前半段，以防边缘被裁切。
  • og:image 优先使用 PNG 或 JPEG（Meta 对 og:image:type 列出 JPEG、GIF、PNG）。在依赖 WebP 前先测试，然后将 og:image 与 twitter:image 设为最终公开 URL。
  • 更换图片后，在 Slack 或 LinkedIn 中重新检查预览；部分缓存会保留旧卡片直到刷新。

Implement Open Graph images in your website

After you generate an OG image, upload the file to a public path on your site and set og:image (and usually twitter:image) to that URL. Include width, height, and alt so crawlers can render the card reliably. Prefer PNG or JPEG for the widest link-preview compatibility; test WebP before using it as og:image.

<!-- Basic Open Graph 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-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Open Graph image" />
<meta property="og:image:type" content="image/png" />
<meta property="og:url" content="https://yourdomain.com/page" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og-image.png" />

常见问题

相关指南

了解此格式的尺寸、最佳实践，以及如何做出更好的图片。

创建下一张精选图

从格式开始，选择模板，几分钟内导出干净图片。

创建你的 OG 图