一、iOS图标尺寸
如上传iOS AppStore,则必须提供1024px1024px的图标。
或企业内部分发,则需提供57px57px和512px*512px的图标。
1、iPhone 图标:
(1)Spotlight搜索图标尺寸:
80px*80px,120px*120px;
(2)Settings设置图片尺寸:
58px*58px,87px*87px;
(3)通知栏图标尺寸:
40px*40px,60px*60px;
(4)App程序图标尺寸:
120px*120px,180px*180px;
综上iPhone需要10种不同尺寸的图标,分别是:
40px*40px,57px*57px,58px*58px,60px*60px,
80px*80px,87px*87px,120px*120px,180px*180px,
512px*512px,1024px*1024px。
2、iPad 图标:
(1)Spotlight搜索图标尺寸:
40px*40px,80px*80px;
(2)Settings设置图片尺寸:
29px*29px,58px*58px;
(3)通知栏图标尺寸:
20px*20px,40px*40px;
(4)App程序图标尺寸:
76px*76px,152px*152px,167*167px;
综上iPad需要11种不同尺寸的图标,分别是:
20px*20px,29px*29px,40px*40px,57px*57px,
58px*58px,76px*76px, 80px*80px,152px*152px,
167px*167px,512px*512px,1024px*1024px。
3、iOS需要15种不同尺寸的图标,分别是:
20px*20px,29px*29px,40px*40px,57px*57px,
58px*58px,60px*60px,76px*76px, 80px*80px,
87px*87px,120px*120px,152px*152px,167px*167px,
180px*180px,512px*512px,1024px*1024px。
参考官方文档:https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/
二、iOS启动图
这里只考虑竖屏的情况(宽*高),需要横屏的话,只需要把宽和高的尺寸颠倒一下即可。
1、iPhone启动图:
(1)iPhone4/iPhone4s启动图:
640px*960px
(2)iPhone5/iPhone5s/iPhoneSE启动图:
640px*1136px
(3)iPhone6/iPhone7/iPhone8启动图:
750px*1334px
(4)iPhone6 Plus/iPhone7 Plus/iPhone8 Plus启动图:
1242px*2208px
(5)iPhone X/iPhone XS启动图:
1125px*2436px
(6)iPhone XR启动图:
828px*1792px
(7)iPhone XS Max启动图:
1242px*2688px
综上iPhone需要7种不同尺寸的启动图,分别是:
640px*960px,640px*1136px,750px*1334px,828px*1792px,
1242px*2208px,1125px*2436px,1242px*2688px。
2、iPad启动图:
(1)iPad iOS7普通屏启动图:
768px*1024px
(2)7.9英寸iPad mini 4/9.7英寸iPad(iOS7高分屏)启动图:
1536px*2048px
(3)10.5英寸iPad Pro启动图:
1668px*2224px
(4)11英寸iPad Pro启动图:
1668px*2388px
(5)12.9英寸iPad Pro启动图:
2048px*2732px
综上iPad需要4种不同尺寸的启动图,分别是:
1536px*2048px,1668px*2224px,1668px*2388px,2048px*2732px。
注意:iOS7之前是非沉浸式状态来,对应尺寸的高度需要减去20pt(普通屏减20px,高分屏减40px),iOS7之前的系统很少能见到,可以不考虑。
3、iOS需要12种不同尺寸的启动图,分别是:
640px*960px,640px*1136px,750px*1334px,828px*1792px,
1242px*2208px,1125px*2436px,1242px*2688px,1536px*2048px,
768px*1024px,1668px*2224px,1668px*2388px,2048px*2732px。
参考官方文档:https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/launch-screen/