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

原创 2015年11月20日 03:32:47

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
版权声明:本文为渣主原创文章,转载望保留本行

iOS 上传到AppStore上的icon尺寸和预览图片大小

上传到AppStore的icon大小以及图片预览大小官网说明
  • u012129719
  • u012129719
  • 2016年11月14日 11:44
  • 1848

ios上传appStore所需各种图片尺寸

引导页: 640 * 960 640 *1136 750 *1334 1080 *1920 启动页: 640 * 960 640 ...
  • apple_bao
  • apple_bao
  • 2017年03月24日 22:31
  • 10940

【iOS开发-1】AppIcon图标的尺寸,绘制,命名规则以及怎么回到HOME界面查看效果?

AppIcon尺寸里面的29pt,40pt什么意思? 如果xcode是6.0的话,点击Images.xcassets>>>AppIcon,有默认的6张图片需要填充。这里的29pt上面有2x就代表是58...
  • wsb200514
  • wsb200514
  • 2014年09月23日 15:37
  • 13756

iOS App图标和启动画面尺寸

iOS App图标和启动画面尺寸 注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。 1. 桌面图标 (app icon) for iPhone6 plus(@3...
  • jiang314
  • jiang314
  • 2016年08月02日 13:26
  • 2403

获取手机安装的所有App列表,并获取到App图标。

Bump 有一个小功能是给你身边的人交换应用程序;但是iOS是没有接口提供开发者去获取用户手机所安装的app的,但是,为什么Bump这款通过正规渠道(Appstore)下载的应用却能够获取用户安装应用...
  • donwei8
  • donwei8
  • 2016年06月30日 09:14
  • 1905

App图标不显示:Xcode项目在Xcode9中运行会出现AppIcon不显示的 BUG

更新了xcode,发现在iOS11的系统中,自己制作的appicon无法显示,就以为是系统版本问题,各种答案都是一样的: http://www.jianshu.com/p/dbd53a541bb...
  • u010200636
  • u010200636
  • 2017年12月01日 16:31
  • 174

iOS ICON和Launch设置尺寸

iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的! 1. 桌面图标 (app icon) for iPhone6 plus(@3x) : 180 x 180 for iPhone 6/...
  • Lz_MobileInternet
  • Lz_MobileInternet
  • 2016年08月01日 09:28
  • 901

iOS App icon 圆角半径

Icon512.png - 512px - 89.825 Icon.png - 57px - 10 Icon@2x.png - 114px - 20 Icon-72.png - 72px...
  • caojengineer
  • caojengineer
  • 2015年04月26日 14:06
  • 376

IOS App 的图标和启动图的烦恼

前言:       好多iOS App的开发者都会面临的一个问题,那就是 App 的图标(icon) 和启动图(launch images) 。 一些没有经验(指的是没做过App审计的)的UI设计师,...
  • zhoushuangjian511
  • zhoushuangjian511
  • 2016年05月29日 10:22
  • 2625

手把手教你从零开始做一个好看的 APP

前言 从零开始,手把手带你实现一个「专注睡前的 APP」。睡觉之前如果能有一个 APP,能让我们写一写这一天的见闻或者心得,同时又能看一会段子、瞄一会好看的妹子,放松一下疲惫的身心那...
  • zz901214
  • zz901214
  • 2017年10月20日 09:50
  • 270
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:『iOS/Obj-C』App所需要的全部的icon图标尺寸(单位px)
举报原因:
原因补充:

(最多只允许输入30个字)