精选工具开源版本

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

快速开始

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

使用流程

01

填写卡片内容

为你要分享的网页、文章或产品发布填写清晰的标题与副标题。

02

选择版式主题

选择适合内容气质的模板,搭配干净克制的主题配色。

03

本地生成导出

可添加代码片段或技术 Logo,在本地浏览器直接导出 PNG、JPEG 或 WebP 格式图片。

适用场景

博客与文档封面

快速生成文章封面、教程头图、开发者文档页面的社交预览图片。

产品发布海报

适用于 Product Hunt 发布、功能更新和社群公告,快速做出统一视觉。

技术文档配图

内置 100+ 本地技术 Logo 与代码卡片,适合教程、指南和版本说明。

社交分享卡片

适配文章分享、活动预告和链接预览,提升信息流中的点击辨识度。

隐私与数据处理

文字、代码、Logo 和导出过程都在当前浏览器内完成,适合内部文档、未发布产品和隐私素材。

纯本地浏览器处理

所有卡片渲染、字体加载及图片导出完全在您的本地浏览器内运行,绝不上传数据。

无服务器端数据记录

Easton Tools 不会收集、保存或记录您输入的文本、代码片段和上传的 Logo 图片。

免费无感免登录

无需绑定任何账号或填写个人资料,随时随地即开即用。

常见问题

不会。图片完全在浏览器内本地生成,您的文字内容、设计配置和上传的 Logo 绝不会发送至外部服务器。

推荐使用默认的 1200×630 尺寸,它能完美契合大多数社交平台的 Open Graph 卡片。同时我们也提供了适用于 Twitter、LinkedIn 及正方形的尺寸选项。

可以。您创建的卡片归您所有,可自由用于商业或个人项目。请确保您包含的文字、Logo 或代码没有版权争议。

可以。您可以修改标题、副标题、作者、水印、代码片段,也可以上传 PNG、JPEG、WebP 或 SVG Logo 作为视觉标记。

支持导出 PNG、JPEG 和 WebP。PNG 适合高保真分享图,JPEG 适合更小体积,WebP 适合网站和现代浏览器场景。

主推 1200×630 的 Open Graph 尺寸,适配大多数平台。不同平台仍可能有轻微裁剪,建议把重要文字放在画布中间安全区域。

浏览技术主题 OG 图片模板

打开生成器
开源版本

独立开源版本

这个工具提供了一个可独立运行的开源版本。Easton Tools 线上工具与 GitHub 开源版是分开维护的版本,你可以查看源码、本地运行、自行部署,或按自己的需求进行修改。

查看开源版