关闭

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

标签: iosappretinaiphone6iphone
613人阅读 评论(0) 收藏 举报
分类:

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
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2471次
    • 积分:101
    • 等级:
    • 排名:千里之外
    • 原创:8篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类