「App Store Screenshot Generator」免费开源的商店截图生成器,支持 3D 设备样机和多语言批量导出

App Store Screenshot Generator 界面截图

做 iOS 应用上架时,截图往往不是“截一下屏”这么简单。不同设备尺寸、商店比例、标题文案、背景风格、语言版本和批量导出会很快堆成一套小型设计流程。App Store Screenshot Generator 把这件事做成了一个可以直接在浏览器里使用的免费开源工具,适合独立开发者、设计师和需要频繁更新商店素材的小团队。

它的核心思路很直接:上传应用截图,选择 iPhone 或 iPad 的商店尺寸,再用背景、文字和设备样机把截图包装成可发布的营销图。项目支持渐变、纯色、图片背景和噪点效果,也可以调整设备的位置、缩放、旋转、阴影和边框。比较有意思的是,它还内置了基于 Three.js 的 3D 设备样机,可以把截图放进 iPhone 15 Pro Max 这类模型里做更有立体感的展示。

如果你在做多语言 App,它的本地化功能会更省时间。README 里提到它可以为标题和副标题添加多语言版本,并用 Claude、OpenAI 或 Google AI 自动翻译;不同语言也能使用各自的截图素材,导出时可以只导出当前语言,或把所有语言分文件夹打包。API key 存在本地浏览器里,这一点对轻量工具来说也比较友好。

项目目前是 Vanilla JavaScript 实现,不需要后端服务;在线版本托管在 GitHub Pages,也可以用 Python/Node 本地静态服务器运行,或者直接用 Docker 部署。GitHub 当前约 1.7k Star,package.json 和 README 都标注 MIT License。换句话说,如果你只是临时要做一组 App Store 截图,可以直接打开网页;如果你想把它改造成团队内部的截图流水线,也有足够低的二次开发门槛。

我觉得它最适合两类场景:一类是独立开发者发布新版本时快速补齐商店截图;另一类是有多个地区、多套文案的产品,需要把截图、标题和导出尺寸统一管理。它不是 Figma 或专业设计工具的替代品,但正因为范围收得窄,用起来反而像一个专门给 App Store 素材准备的小工作台。

项目地址

官网:https://yuzu-hub.github.io/appscreen/
项目地址:https://github.com/YUZU-Hub/appscreen

原创文章,如若转载,请注明出处:https://wefound.cc/p/4365.html

(0)
「Read Frog」开源 AI 语言学习浏览器扩展:沉浸翻译、划词解释和字幕翻译一站式完成
上一篇 3天前
「Monet」开源 macOS 图片查看器:为鼠标浏览、缩放和文件夹索引优化
下一篇 3天前

相关推荐