Ionic项目替换默认启动屏时需制作多少个尺寸的资源?
Ionic 启动屏资源适配指南
完全不需要手动为每个尺寸单独制作对应的启动屏。
- 你只需要准备1张满足最低要求的高清源图,就能靠Ionic自带的工具一键生成所有尺寸的适配资源。源图要求为正方形,分辨率不低于2732*2732px,核心视觉元素(logo、品牌标识)居中摆放,四周留够10%左右的安全边距,避免不同比例屏幕下出现核心内容被裁切的问题。
- 把准备好的源图命名为
splash.png,放到项目根目录的resources目录下,执行命令ionic cordova resources splash,CLI会自动匹配项目配置的所有目标平台(Android/iOS)的全分辨率启动屏规格,自动完成缩放、裁切,批量替换掉所有对应文件夹里的默认占位启动图。
实操提醒
- 别手动挨个往不同尺寸的文件夹里塞改好的图,很容易漏某个适配规格,最后出现启动图拉伸、裁切偏移的问题。
- 如果不需要同时生成双平台的资源,可以在命令里加参数指定目标平台,比如
ionic cordova resources android --splash就只生成Android端的适配启动屏。- 项目里这些尺寸不一、内容完全一致的初始启动图,本来就是脚手架生成的占位资源,设计目的就是留位给自动工具统一替换,根本不需要手动逐张维护。
内容的提问来源于stack exchange,提问作者Bilal Arshad
相关产品推荐
相关产品推荐

