您的位置:首页 > 移动开发

『iOS/Obj-C』App所需要的全部的icon图标尺寸(单位px)

2015-11-20 03:32 351 查看
前言

列表
iPhone Retina Plus
App

SpotLight

Settings

iPhone Retina Normal
App

SpotLight

Settings

iPad Retina Normal非Pro
App

SpotLight

Settings

其他情况

总结

规律

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ios app retina iphone6 iphone