1. 前言
网上关于iOS的图标尺寸的说法真是叫“众说纷纭”…
我来总结一下最关键、正确的干货,以后备用。
这个问题真的坑太多了。为什么呢?
- 对于同一款产品的不同机器型号,R屏和非R屏需求的图标尺寸不一样…
- 对于同一款产品的不同系统版本,iOS7之后(含7)和iOS7之前(不含7)又不一样…
- iPhone6/6s Plus额外多一个@3x…
- 对于相同型号、相同系统的机器,主屏幕、Spotlight、设置里所用图标尺寸又不一样…
- 网上很多教程或者回答已经是过时的了(iOS7之前)
比如这个:
【知乎】iOS 图标、图形尺寸?的第一个答案
坑爹、坑爹、真坑爹 - 还好我们一般都不适配iOS7之前或者非R屏设备啦,不然真的是超痛苦
以下讨论皆不考虑iOS7之前或非R屏情况
2. 列表
iPhone Retina Plus
App
- 名字:Icon-60@3x
- 尺寸:180*180
SpotLight
- 名字:Icon-Small-40@3x
- 尺寸:120*120
Settings
- 名字:Icon-Small@3x
- 尺寸:87*87
iPhone Retina Normal
App
- 名字:Icon-60@2x
- 尺寸:120*120
SpotLight
- 名字:Icon-Small-40@2x
- 尺寸:80*80
Settings
- 名字:Icon-Small@2x
- 尺寸:58*58
iPad Retina Normal(非Pro)
App
- 名字:Icon-76@2x
- 尺寸:152*152
SpotLight
- 名字:Icon-Small-40@2x
- 尺寸:80*80
Settings
- 名字:Icon-Small@2x
- 尺寸:58*58
其他情况
- 近日iPad Pro推出了,又多了一种分辨率…
- 另外还有其他:非R屏,或iOS7之前的情况
3. 总结
- 考虑iPhone适配,需要准备:
- App:Icon-60@3x、Icon-60@2x
- Spotlight:Icon-Small-40@3x、Icon-Small-40@2x
- Settings:Icon-Small@3x(87*87)、Icon-Small@2x(58*58);
总共5种,边长分别为:180、120、80、87、58
若使用Xcode插件/Sketch,最少需要边长为180、87的
- 考虑iPad适配,需要准备:
- App:Icon-76@2x
- SpotLight:Icon-Small-40@2x
- Settings:Icon-Small@2x(58*58);
总共3种,边长分别为:152、80、58
- 考虑Universal App适配
总共6种,边长分别为180、152、120、87、80、58
若使用Xcode插件/Sketch,最少需要边长为180、152、87的
4. 规律
- Plus系列是奇葩,有且只有Plus系列使用@3x系列
- iPhone系列(非Plus),与iPad系列使用相同规格(除主屏幕图标),皆使用@2x系列
- @2x的App图标是“Required”的,而其他图标全都是“Recommded”的
也就是说迫不得已时,准备这一个图标就够了 - 细思恐极,现在处理图标尺寸就这么麻烦了,然而…
再过一年iPhone7就问世了,势必是新的屏幕规格
而且很有可能会有iPhone7 Plus,甚至会有iPhone7 mini