上架工坊STORE ASSET STUDIO开始制作 App Store 截图
APP STORE 截图制作指南

免费 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;以缩略图可读性和真实界面展示为准。