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

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适配,需要准备:
    1. App:Icon-60@3x、Icon-60@2x
    2. Spotlight:Icon-Small-40@3x、Icon-Small-40@2x
    3. Settings:Icon-Small@3x(87*87)、Icon-Small@2x(58*58);
      总共5种,边长分别为:180、120、80、87、58
      若使用Xcode插件/Sketch,最少需要边长为180、87的
  • 考虑iPad适配,需要准备:
    1. App:Icon-76@2x
    2. SpotLight:Icon-Small-40@2x
    3. 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
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值