[分享创造] Store Gallery 一键生成满意的 App Store 预览图

Published:2026-08-09 · Category:技术前沿 · Source:V2EX

一、背景 做独立开发的朋友应该都有过类似的体会:好不容易把 App 功能开发完、Bug 测差不多了,准备上架 App Store 或 Google Play 的时候,却常常卡在最后一脚—— 制作应用宣传截图( App Store Preview Screenshots ) 。

一、背景

做独立开发的朋友应该都有过类似的体会:好不容易把 App 功能开发完、Bug 测差不多了,准备上架 App Store 或 Google Play 的时候,却常常卡在最后一脚—— 制作应用宣传截图( App Store Preview Screenshots ) 。

找专业的 UI 设计师做一套宣传图,成本太高;自己掏出 Photoshop 或 Figma 调尺寸、找手机外壳模型贴图、对齐文案,随随便便大半天时间就折腾过去了。有些收费的 3D 效果渲染工具(比如 Rotato 等)虽然视觉效果不错,但不仅收费高昂,而且普遍不支持“跨画布/多屏连贯展示”的效果。另外,我也试过用 AI 直接跑应用宣传图,但生成出来的文字要么错乱变形,机模细节也经不起细看,很难直接拿去提交审核。

对于缺乏设计能力又想快速上架的独立开发者来说,市面上现有的免费工具要么分辨率尺寸不全,要么样式过于单一。既然找不到一款用着真正称心的工具,干脆我们就自己写了一个—— Store Gallery 。它的出发点很纯粹:让开发者零设计门槛,几分钟内一键生成好看、规范、专业的多平台应用商店宣传图。

二、工具官网及功能详情

官网在线体验地址: Store Gallery

1 、模板预设与历史工程(本地隐私存储)

进入工具后,你可以看到内置好的各种设计风格模板。双击喜欢的模板就能一键载入编辑工作区;如果你之前制作过截图,也可以在“历史工程”列表里找到过去的草稿继续编辑。

在这里想特别提醒大家一句 关于数据安全与隐私 :Store Gallery 所有的编辑数据、上传的界面截图和本地工程项目,都 100% 存在你自己的本地浏览器缓存( IndexedDB / LocalStorage )中 。没有后台上传,也不会有任何图像数据提交到我们的服务器,大家完全可以放心把未发布的 App 界面拿来做图。

2 、截图编辑工作区与全平台尺寸支持

在编辑面板左侧的工具栏里,第一项就是 画布尺寸设置 。做过上架的朋友都知道,苹果 App Store 、Google Play 以及国内的小米应用市场等平台对截图的宽高像素要求极其严格,稍有偏差提交后台就会报错。

Store Gallery 把目前主流平台的适配尺寸都做了整理和内置,大家不需要再去查官方文档,直接勾选即可切换画布:

目标平台 / 分类

规格名称

分辨率 (宽 × 高 px)

是否推荐

适用场景与描述

App Store (iPhone)

iPhone 6.9" Display

1320 × 2868

适用于 iPhone 16 Pro Max, 17 等最高规格 (推荐)

App Store (iPhone)

iPhone 6.7" Display

1290 × 2796

-

适用于 iPhone 15 Pro Max, 15 Plus, 14 Pro Max

App Store (iPhone)

iPhone 6.5" Display

1242 × 2688

-

适用于 iPhone 11 Pro Max, XS Max

App Store (iPhone)

iPhone 5.5" Display

1242 × 2208

-

适用于 iPhone 8 Plus, 7 Plus

App Store (iPad)

iPad Pro 13" 横屏 Display

2732 × 2048

适用于 iPad Pro 13" / 12.9" 横屏 App 上架截图 (推荐规格)

App Store (iPad)

iPad Pro 13" 竖屏 Display

2048 × 2732

-

适用于 iPad Pro 13" / 12.9" 竖屏 App 上架截图

Google Play

Google Play 手机标准

1080 × 1920

16:9 标准手机截图 (1080 × 1920)

Google Play

Google Play 手机全面屏

1080 × 2400

-

20:9 现代长屏手机截图 (1080 × 2400)

Google Play

Google Play 置顶图

1024 × 500

-

Feature Graphic 应用顶部宣传大图

小米应用市场

小米标准截图

1080 × 2400

适用于 Redmi & 小米主流机型屏幕 (1080 × 2400)

小米应用市场

小米 2K 屏旗舰截图

1440 × 3200

-

适用于 小米 14 Pro / 15 Pro 等 2K 旗舰屏

小米应用市场

小米高清截图

1080 × 1920

-

适用于 16:9 传统全面屏

PC 网页端

PC 网页 Banner (16:9)

1920 × 1080

全高清 1080P 桌面网页宣传展位 (推荐)

PC 网页端

PC 网页 MacBook 展位 (16:10)

1440 × 900

-

适用于 16:10 笔记页面展示

PC 网页端

PC 网页 2K 展示图

2560 × 1440

-

高分辨 2K 官网展示 Header Banner

3 、3D 手机外壳与跨画布联动展示

在左侧侧边栏切换到“外壳”菜单,这里支持多种经典的矢量模型以及逼真的 3D 实机机模。你只需要点击选中对应的手机外观,并将自己的 App 界面图片拖入贴图即可。

特别值得介绍的是它的 3D 视角与跨画布效

← Back to news
🔊 正在朗读…
🎙 Voice
⏩ Rate 1.0×
💬 Contact Us
📞 Tel:13331886938
💬 WeChat:zcl68668535 Tap to copy
🧮 Free Quote 📝 Submit Requirement