免费 App Store 截图生成器:iPhone 与 iPad 全尺寸商店图
把模拟器原始截图变成可直接提交 App Store Connect 的成套商店图。上传最多五张截图后,可以逐张编辑卖点、选择模板与设备外框,再按 iPhone 或 iPad 规格导出不透明 PNG。整个过程只在浏览器本地完成。
当前常用的 App Store 截图规格
iPhone 通常优先准备 6.9 英寸类别;支持 iPad 的 App 还需要真实 iPad 界面对应的 13 英寸类别。上架工坊保留 Apple 接受的多组精确像素,并默认选中每类最实用的高分辨率规格。不要把手机界面简单拉伸成 iPad 图,设备类别、界面和最终画布应保持一致。
- iPhone 6.9 英寸:默认 1320 × 2868
- iPhone 6.5 英寸:提供 1284 × 2778 等兼容规格
- iPad 13 英寸:默认 2064 × 2752
- 横屏导出会自动交换到对应的官方像素
| 设备类别 | 常用像素 | 适用场景 |
|---|---|---|
| iPhone 6.9″ | 1320 × 2868 | 优先准备的新款 iPhone 类别 |
| iPhone 6.5″ | 1284 × 2778 | 未提供 6.9″ 时的兼容类别 |
| iPad 13″ | 2064 × 2752 | 支持 iPad 的 App |
如何安排一套清晰的五图故事
前两张图应先说明核心价值,而不是堆叠功能名称。用户往往只会快速扫过前几张,因此第一张回答“这是什么”,第二张回答“它能为我带来什么”,后续再解释关键流程、差异点与可信度。
每张只保留一个主标题与一句补充说明,让文案在缩略图状态下也能读懂。五张图应共享字体、留白和背景节奏,但不需要重复同一句卖点。
- 第 1 张:最重要的结果或使用场景
- 第 2 张:核心流程或速度优势
- 第 3 张:最有辨识度的功能
- 第 4 张:次要能力、隐私或兼容性
- 第 5 张:总结体验,不使用“立即下载”等审核风险文案
让标题在商店缩略图里仍然可读
用短句描述用户收益,比使用“强大、领先、极致”之类抽象形容词更有效。标题和背景需要有足够对比度,文字不能压住状态栏、按钮或界面中的关键信息。
建议先在桌面预览完成设计,再把浏览器缩小或直接查看五图缩略图。若不放大就读不清,进入 App Store 搜索结果后通常也不会更清楚。
- 标题尽量控制在一到两行
- 用动词或结果开头,例如“3 秒完成记账”
- 不要使用未经证明的排名、奖项或用户数量
- 把最重要的 UI 放在设备屏幕上半部
什么时候使用设备外框
设备外框适合强调原生体验、让截图一眼看出是手机或平板界面;不带外框的全屏布局则能展示更多真实 UI。两种方式都可以,关键是设备外观不能遮挡界面,也不能让 iPhone 截图看起来像其他品牌设备。
如果原图比例和目标设备差异较大,导出会发生居中裁切。先根据比例提示检查预览,必要时回到模拟器重新截取正确设备和方向的原图。
本地化、导出与提交前检查
不同语言的长度差异很大,不要把英文标题直接翻译后强行塞进相同字号。为每种语言重新检查断行、标点和安全边距,同时确认截图中的界面语言也与商店本地化一致。
导出前请确认设备类型、方向、标题顺序和选择的像素规格。ZIP 会按规格整理文件,解压后仍建议逐张打开,检查是否有裁切、错字、透明边缘或顺序错误。
- 截图和文案使用同一种语言
- 确保隐私数据、测试账号和调试信息已移除
- 检查每张 PNG 的像素和方向
- 按商店故事顺序命名并上传
常见问题
生成的图片有水印吗?
没有。导出的 PNG 不包含站点标识或水印。
图片会上传服务器吗?
不会。解码、Canvas 渲染和 ZIP 打包都在当前浏览器中完成。
可以自定义每张图的文字吗?
可以,五个位置都有独立的主标题和补充说明。
App Store 必须上传五张截图吗?
不必固定为五张。五图是一种常用的叙事结构;最终数量仍应根据 App Store Connect 当前要求和你的产品内容决定。
手机截图可以直接用在 iPad 类别吗?
不建议。支持 iPad 的 App 应使用真实 iPad 布局,避免把手机 UI 拉伸或套进平板外框。
应该选有设备框还是无设备框模板?
两者都可以。有设备框更容易表现原生设备,无设备框能保留更多 UI;以缩略图可读性和真实界面展示为准。