应用截图生成器
为 App Store 与 Google Play 给原始界面截图套上设备边框,加上标题和品牌背景,再按审核要求的像素导出 PNG——全程在本页完成。
这里就是编辑器,不是预告页。选手机或平板边框,放入 PNG 或 JPG,调整画布后下载。合成在浏览器本地完成。
如何制作 App Store 上架截图
选择设备边框
按要提交的商店挑选边框——苹果上架用 iPhone,Google Play 用 Pixel 或 Galaxy——再选深空黑或银色等边框颜色。
上传界面截图
拖入 PNG、JPG 或 WEBP。画布会自动把画面放进边框,方便你在加文案前检查安全边距。
排版、尺寸并导出
写标题、选渐变或纯色背景,把画布切到要求的像素预设,再从本页下载全分辨率 PNG。
这款截图生成器包含什么
22 款当前设备边框
iPhone 17 系列以及 16、15,iPad Pro 13",Galaxy S25 Ultra 与 Plus,Pixel 9 Pro,OnePlus 13,Xiaomi 15 Pro,以及无边框选项——覆盖 iOS 与 Android 上架套图。
与品牌一致的背景
十二种渐变预设、纯色,或自备背景图,让五张商店幻灯片风格统一,而不是每张换一种颜色。
画布上的标题与副标题
可调颜色与字号。文案放在顶部或底部,让每张图讲清卖点,而不只是原始界面裁切。
商店画布尺寸预设
预置 App Store、Google Play 与 Mac App Store 规则下的宽高,按审核核对的像素导出,而不是近似的社交媒体裁切。
浏览器内导出 PNG
从预览下载全分辨率 PNG。没有渲染队列,也不必为套边框打开 Photoshop。
本地合成
边框、文字与背景用设备上的 Canvas API 绘制。本页排版步骤不会把源图上传到服务器。
上架截图实际怎么用
商店上架图不是模拟器状态栏那一张裁切。商店要固定像素,用户在一秒内判断产品是否像样。本页把编辑器放在同一 URL:套边框、加一句卖点、导出,不必另开设计文件。下面说明该上传什么、哪些尺寸要紧、文案怎么写,以及什么时候不该用手机边框。
上传什么画面,边框才看起来真实
从干净的界面截图开始:模拟器、真机截屏,或高分辨率录屏定格。不要用桌上拍的手机照片——那已经有物理边框,会套娃。在意状态栏和圆角清晰度时用 PNG;信息密度高的主屏幕用 JPG 即可。重要按钮避开最顶和最底,因为灵动岛、挖孔和 Home 指示条会吃掉那些像素。若源图带黑边或桌面浏览器外壳,先裁到只剩产品界面再套框。
App Store 与 Google Play 尺寸不必猜
苹果目前通常要求手机列表至少一张 6.7 英寸(1290×2796)或 5.5 英寸(1242×2208),有平板版本再单独准备 iPad 素材。Google Play 手机位常见 1080×1920。数字会变,提交前请核对最新帮助文档。在本页把画布预设切到你要填的槽位再导出。不要把 16:9 营销图硬拉成 9:19.5 上架图——审核和商店界面会加黑边或拒收。做三到八张短套图,共用同一类背景,列表看起来才像同一场活动。
搜索结果里三英寸屏幕也读得清的文案
商店网格会缩小你的图。七个词的标题优于一段话。先写结果(「离线记录训练」),少写口号。副标题放限定条件(「首次启动无需账号」)。和渐变对比足够的字色,比花哨字体更重要。若有本地化列表,每种语言单独导出 PNG,不要把英文小字贴进日文截图。留出边距,翻译变长 30% 时仍落在安全区内。
什么时候该用设备边框,什么时候关掉
真实边框告诉购物者这是手机或平板应用,但也占用本可展示更多界面的纵向空间。封面页用边框;界面本身就是卖点时选「无边框」——引导轮播、密集仪表盘或 iPad 生产力布局。同一列表里混用有框和无框会显得随意,除非你有意为之(第一张有框,后面全出血界面)。金属质感也要匹配产品:专业工具用深空黑,消费类用银色或浅色渐变。
隐私、反复导出,以及本页不是什么
排版在本地运行。源图含未发布界面、客户数据或内部构建时很有用。它不能代替你去截运行中的 App:仍需在别处截屏,再把文件拿到这里。它不是视频预览生成器,不是 ASO 关键词撰写器,也不能替代苹果或谷歌当前的规格表。保留原始截图。在 App Store Connect 或 Play 控制台做列表实验时,改标题或背景再导出即可。
五张套图的简单顺序
第 1 张:有框封面、一个卖点、最强渐变。第 2–3 张:核心流程,标题更短。第 4 张:社会证明或差异点(离线、隐私、速度)。第 5 张:明确下一步,或如果你在应用内展示价格就如实写。全套共用画布尺寸和字色。导出 PNG,按 40% 缩放检查,模拟在手机上滑搜索结果;若仍显挤,删副标题,而不是把字缩得更小。
官方尺寸参考: App Store Connect 截图规格
什么时候值得做一套带框上架图
第一次上架 iOS 或 Android
把模拟器截图收成第一印象:同一族边框、同一类背景、讲清应用干什么的标题。比为一套五张静帧打开完整设计文件更快。
界面改版后刷新 Play 或 App Store 素材
只换内嵌截图,保留画布尺寸和文字样式再导出,让列表与审核将安装的构建一致。
不重拍也能测标题
复制排版,只改标题行,下载多个变体做商店实验。边框和尺寸保持不变,测的是文案而不是裁切。
路演、落地页和媒体资料
手机边框加一句说明,在演示文稿或博客里看起来像成品图。同一源图也可导出方形或竖图,用于非商店网格的渠道。
