这个工具能做什么
为链接分享生成 Twitter/X(summary_large_image)与 Open Graph 常用尺寸的预览图。填写标题、副标题、底部文案,可选本地 Logo,调整纯色/渐变与强调色,右侧实时预览后下载 PNG。全程浏览器 Canvas,不上传。
使用步骤
- 选择画幅:Twitter/X 1200×675、OG 1200×630 或方形 1080×1080。
- 填写标题与描述,按需上传 Logo、调整背景与强调色。
- 预览满意后点击下载 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 截图生成器。