免费 OG 图片生成器,用于社交链接预览

免费 OG 图片生成器,生成 1200×630 Open Graph 图片。多种模板,实时预览,无需注册。

选择模板

预览
保存图片
将图片导出为 PNG、JPEG 或 WebP 格式。

为了在 Twitter、Facebook 和 LinkedIn 等社交媒体平台上获得最佳的 Open Graph (OG) 图片展示效果,建议使用 PNG(推荐)、JPEG 或 WebP 格式。

为什么选择 ogimage.run?

在几秒钟内创建令人惊叹的社交媒体图片所需的一切

免费且无需注册

立即开始创建专业的 OG 图片——无需注册或信用卡。完全免费访问所有功能。

多平台支持

使用正确的尺寸为任何平台生成优化的图片。完美适用于 Open Graph、Twitter/X 标题等。

专业模板

从多个专业设计的模板中选择,包括基础、Hero、图片右侧、通知和徽标布局。

灵活的导出选项

以 PNG、JPEG 或 WebP 格式导出您的设计,同时保持高质量并优化文件大小。

高级自定义

使用自定义背景、图案、渐变和品牌颜色个性化每个细节。上传您的徽标和图片。

现代设计功能

使用高级排版、网格叠加和视觉效果创建令人惊叹的视觉效果。

即时预览

通过我们的所见即所得界面实时查看您的更改。在设计过程中获得即时视觉反馈。

极速生成

通过我们直观的界面和优化的工作流程,在几秒钟内生成专业的社交媒体图片。

如何添加 Open Graph 图片

在几分钟内为您的网站添加社交媒体预览图片。在下面选择您喜欢的方法(HTML 或 Next.js App Router)。

1. Save the image

Save your generated OG image as og.png in your website's root directory.

2. Add to 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" />

Make sure to replace yourdomain.com with your actual domain name.

专业提示

  • 始终提供备用图片,以防 OG 图片加载失败
  • 使用社交媒体调试工具测试您的 OG 图片
  • 使用描述性的替代文本以提高可访问性
  • 对于频繁变化的内容,考虑使用动态 OG 图片

了解更多

什么是

OG 图片生成器用于制作 1200×630 的图片,当你的链接在社交网络上分享时会显示这张图。Open Graph 图片能提高点击率,并让你的品牌在 Facebook、LinkedIn、X 等平台上保持一致。当有人把你的 URL 粘贴到聊天或社交动态中时,平台会从 HTML 中抓取 og:image 标签,并将引用的图片显示为预览卡片。如果没有设置 og:image,平台可能会随机选取页面中的某张图片,或者干脆不显示任何图片。本工具专为这一格式设计——与通用设计工具不同,它输出社交平台所期望的精确尺寸和宽高比,并提供实时预览,让你在导出前就能看到链接的实际展示效果。没有 OG 图片生成器,你需要手动创建 1200×630 的图片,在多个平台上测试,再反复调整裁剪——这些我们的工具全部自动搞定。

OG 图片生成器工作流程:设计、实时预览与社交分享

为什么要使用 OG 图片生成器

专用的 OG 图片生成器比通用设计工具更省时,让每个页面无需设计师即可随时分享。模板为你提供经过验证的博客、SaaS 产品和个人品牌布局,开箱即用。生成器自动处理正确的 1200×630 尺寸——无需手动调整。导出 PNG 以获得最大兼容性,或导出 WebP 以获得更小的文件体积。每张图片都可以直接上传并配合 meta 标签使用。与其打开设计软件、设置自定义画布、导出、再单独编写 meta 标签,不如用本工具在一个地方完成整个流程。预览功能让你在下载前就能看到图片在 Facebook、X、LinkedIn 等平台上的实际渲染效果。

使用方法

  1. 打开下方的免费 OG 图片生成器。
  2. 选择模板,或设置标题、副标题和颜色以匹配你的品牌。
  3. 可选:上传 Logo 来个性化你的 OG 图片。
  4. 以 1200×630 尺寸实时预览——调整到满意为止。
  5. 从生成器下载 PNG 或 WebP 文件。
  6. 使用我们的 meta 标签工具添加 og:image HTML 代码,并用预览工具验证效果。
og:image meta 标签集成到 HTML 及 Facebook 链接预览

为什么选择

带有正确尺寸 OG 图片的链接,互动率比没有的高 2–3 倍。OG 图片生成器确保每次分享的品牌一致性,防止预览中出现错误图片,并免去为每个平台手动调整尺寸的麻烦。当你发布新的博客文章或落地页时,用生成器几秒钟就能创建匹配的社交预览图,而不是花上好几分钟。它也帮助团队保持视觉统一——每张预览图都遵循相同的模板和尺寸,无论是设计师还是内容编辑创建的。无论你管理的是拥有数百篇文章的博客,还是几十个落地页的 SaaS 产品,本工具都能简化你的工作流程,确保每个 URL 在 Facebook、LinkedIn、X、Discord 或 Slack 上分享时都显得专业。一张精心制作的 OG 图片,可能就是链接被点击和被划过的区别——花几秒钟用生成器制作,每次有人分享你的内容时都会得到回报。

常见问题