文章目录
- 快速导航
App 上架素材本地三步流水线：压缩 → 抠图 → 带壳截图
为什么要把「压缩 → 抠图 → 带壳」串成一条线
独立开发者做上架素材，最常见的卡点不是「不会设计」，而是同一张图在不同商店被不同规则打回来：OPPO 竖图单张要小于 1MB，Play 置顶大图固定 1024×500，App Store 6.9 寸档要精确像素且不能带透明通道。中间再夹一层「桌面背景太乱、想抠掉再贴渐变」，人就容易在五个网站之间来回传原图。
我这套流水线只做三件事，顺序固定：
- 先定尺寸与体积——尺寸错了，后面抠图、加壳都白做。
- 需要时再抠背景——不是每张图都要抠；杂乱桌面、手持实拍才上。
- 最后才加设备框并导出——壳是呈现层，别当成「修体积」的手段。
整条链路可以留在浏览器本地完成：压缩、去背景都不强制上传原图，带壳与画布导出走站内预览能力。下面按我实际排期时的决策写，而不是再写一篇百科。
可核对规格表（上传前对照，以后台为准）
数字来自站内 截图尺寸查询（页面标注最后核对 2026-10-15）以及各店常见规则；后台校验优先于任何文章。
| 场景 | 规格要点 | 流水线里怎么处理 |
|---|---|---|
| OPPO 软件商店竖版截图 | 1080×1920，JPG/PNG，单张小于 1MB，通常 3–5 张 | 先按 1080×1920 导出，再走 图片压缩；PNG 易超限时用 格式转换 转 JPG 再压 |
| Google Play 置顶大图（Feature Graphic） | 1024×500；官方建议避免放设备图像 | 单独画布出大图，不要套手机壳；体积一般不是瓶颈，尺寸错了才是 |
| App Store iPhone 6.9″（灵动岛大屏） | 常用 1320×2868（同档亦接受 1290×2796） | 在预览画布选对应预设导出；勿带透明通道 |
| App Store iPhone 6.3″（灵动岛中屏，必传档） | 1206×2622 或 1179×2556 | 6.9 做完后切预设再出一套，或母版多尺寸打包 |
| Play / 国内安卓常见竖图 | 常见竖版 1080×1920（Play 边长区间更宽，推荐位偏好不低于 1080） | 与 OPPO/小米/华为同档像素可复用版式，体积与透明规则分店处理 |
反查「我手上的图能传到哪」时，直接用尺寸查询页的宽高反查，比凭记忆猜商店列表稳。
决策对比：为何选 A 不选 B
压缩：先压体积，还是先转格式？
- 选 A（推荐）：尺寸已对齐商店 → 若 PNG 明显超过 1MB（OPPO 典型）→ 先 格式转换 到 JPG → 再用 图片压缩 把质量滑到「字还不糊」的临界。
- 不选 B：对着已经糊过的 JPG 反复二次压缩。二次压缩会把标题边缘咬成锯齿，商店缩略图更难看。
- 不选 C：为了过 1MB 把整张图缩成 720 宽。体积下来了，像素规格却不合格，等于白压。
实操手感：1080×1920 的 UI 截图，合理质量的 JPG 多数能稳稳落在 1MB 以下；同一画面的 PNG 带渐变/阴影时轻松超限——这是格式问题，不是「压缩算法不够猛」。
抠图：纯色阈值，还是 AI？
| 选项 | 何时用 | 何时别用 |
|---|---|---|
| 纯色 / 阈值 | 绿幕、白桌、对比极高的 UI 外轮廓 | 主体颜色贴近背景时会误伤圆角与图标 |
| AI 去复杂背景 | 实景桌面、手持真机、杂乱办公环境 | 已经裁好的纯 UI 全出血图——多此一举还可能啃边 |
站内 去除背景 两条能力都在本地跑：原图不必上传。我的默认顺序是：先裁到设备外轮廓 → 背景干净走纯色 → 仍有杂质再开 AI → 导出透明 PNG 后 200% 放大看发丝与圆角。
带壳：商店上架图要不要加框？
- 媒体稿 / 官网 / 社媒：加壳有助于「这是一台真机上的 App」。
- Google Play 置顶大图：按官方预览素材指引，避免设备图像——大图单独做，不要套壳。
- App Store 静态截图：加壳是设计选择，不是硬性要求；像素与无透明通道才是硬门槛。
- Wear OS 等特例：有「禁止设备边框」类规则时，全出血界面优先。
因此流水线第三步叫「按渠道决定要不要壳」，而不是「每张图都套同一个 iPhone 框」。
三步流水线实操
第一步：对齐尺寸，再压缩
- 打开 截图尺寸查询，勾选你要上的商店，抄下本批目标像素与张数。
- 在 应用预览图生成 选对应预设（如安卓 1080×1920、iPhone 6.9″），排好 3–5 张故事线后导出。
- 若某店卡体积（典型是 OPPO 单张小于 1MB）：把超限文件丢进 图片压缩。仍超 → 格式转换 转 JPG 后再压一档。
- 用系统「显示简介 / 属性」核对：宽高像素不变，只动体积。
第二步：按需抠图（可跳过）
只对「背景是桌面/实拍杂质」的素材启用：
- 打开 去除背景，选择本地文件。
- 纯色能干净就别上 AI；AI 导出后必做边缘检查。
- 透明 PNG 留给「贴渐变 / 贴品牌色 / 再进设备框」的合成步骤；准备直接传 App Store 的成品图不要留透明通道——需要的话最后再合成到不透明画布上导出。
第三步：带壳或全出血导出
- 回到 应用预览图生成（或首页的截图工作台），把处理好的屏幕内容放进设备框，或改用全出血版式。
- Play Feature Graphic 单独做 1024×500，不加手机壳。
- iOS 批：6.9″ 与必传的 6.3″ 各出一套；Android 批：1080×1920 可多店复用版式，再按店做体积与格式分支。
品牌侧说明一句即可：这套本地工具链由应用截图工坊提供，正文其余处只链具体工具路径，避免空喊品牌。
上传前检查清单
- 像素与目标商店表一致（用尺寸查询或属性面板核对，不要靠「看起来差不多」）
- OPPO（及同类单张小于 1MB 规则）体积已过关；优先 JPG + 适度压缩，而不是缩小画布
- App Store 成品无透明通道；Play 置顶大图为 1024×500 且未套过时设备图
- 抠过的边缘 200% 放大可接受；圆角未被抠成直角「假机」
- 文件名带平台与序号（如
oppo_01.jpg、ios69_01.png），避免多语言互盖 - 文案层与界面层分离：换语言只替换文案，不重做壳与背景
什么时候不要硬走完整三步
- 纯 UI 模拟器截图、背景已经是设计稿色：跳过抠图，只做尺寸 +（如需）压缩。
- 只更新文案、界面未改：复用旧壳与背景，只换屏幕内容层。
- 商店明确禁止边框的品类/设备：第三步改成全出血，不要为了「好看」违规。
把流水线写进自己的发布清单后，下周同一批多商店上架通常只剩「勾选商店 → 导出 → 体积分支」三分钟级操作。工具入口集中在压缩、去背景、格式转换、尺寸查询与预览生成；需要查规格时回到尺寸表，需要出图时回到预览画布即可。