实时预览1200 × 675

这个工具能做什么

为链接分享生成 Twitter/X(summary_large_image)与 Open Graph 常用尺寸的预览图。填写标题、副标题、底部文案,可选本地 Logo,调整纯色/渐变与强调色,右侧实时预览后下载 PNG。全程浏览器 Canvas,不上传。

使用步骤

  1. 选择画幅:Twitter/X 1200×675、OG 1200×630 或方形 1080×1080。
  2. 填写标题与描述,按需上传 Logo、调整背景与强调色。
  3. 预览满意后点击下载 PNG。

常见问题

图片会上传吗?

不会。Logo 仅通过 FileReader 在本地读取,画布在浏览器中绘制并导出。

和 Twitter Card / OG 元标签什么关系?

本工具只生成图片文件。你仍需在网站 <meta> 里配置 twitter:image / og:image 指向托管后的图片 URL。

为什么有 1200×675 和 1200×630?

1200×675 贴近 X 大图卡片常见比例;1200×630 是长期以来更常见的 OG 分享图尺寸。按平台预览效果二选一即可。

开源说明?

本工具为 AppShotMaker 原写的轻量本地 Canvas 编辑器,未整站克隆第三方 Next 应用;交互思路参考过开源 OG 生成器常见做法。未引入 AGPL 依赖。

相关文章和工具

小红书 / 微信贴图号图文卡片渐变色生成器在线去除背景应用图标多尺寸导出

更多工具见开发者工具箱;要做应用商店预览图,可以用App Store 截图生成器。