精选工具

OG 图片生成器

为博客、产品发布、文档页面和社交分享快速生成 Open Graph 图片。编辑内容、实时预览,在浏览器中导出 PNG、JPEG 或 WebP——免费使用,无需注册。

OG 图片生成器1200 x 630
就绪

实时预览

导出的图片会使用与预览一致的 SVG 画布结构。

就绪
Easton Tools Practical notes forshipping faster A lightweight workflow for developers,indie makers, and creators. typescript export function ship(project: Project) { return project.focus() .buildSmall() .publish();} @eastondev tools.eastondev.com

快速开始

用五个小步骤完成一张可上线使用的社交预览图。

如何使用 OG Image Generator

  1. 为要分享的页面、文章或产品发布填写清晰的标题和副标题。
  2. 选择适合内容气质的模板和主题。
  3. 可选粘贴代码片段,或使用简洁的视觉标记制作卡片。
  4. 导出 PNG、JPEG 或 WebP,并作为 Open Graph 或社交预览图片使用。

适用场景

  • 博客封面图、文章预览和文档页面预览图。
  • Product Hunt 发布、X / Twitter 卡片、LinkedIn 内容和 Discord 公告图。
  • GitHub 仓库社交预览图(Social Preview)。
  • 版本更新说明图、发布公告和开发者动态图。

常见问题

我的内容会上传到服务器吗?

不会。图片完全在浏览器内生成,你的文字内容、展示设计和上传的 logo 均不会发送到 Easton Tools。

Open Graph 图片推荐什么尺寸?

默认 1200×630 适合大多数 Open Graph 预览,也提供 Twitter/X、LinkedIn 和正方形尺寸选项。

导出的图片可以商用吗?

可以。你创建的卡片归你使用。请确保添加的文字、Logo 或代码片段拥有对应使用权。

支持代码片段吗?

支持。代码卡片模板包含带语法高亮的代码窗口,适合技术文章、教程和开发者产品发布公告。

技术主题 OG 图片模板

浏览技术主题 OG 图片模板

打开生成器