『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尺寸单位pt、ppi与px之间换算关系

关于苹果iPhone 6s的屏幕参数相信大家都不会陌生,尺寸为4.7英寸,1334 x 750的分辨率使其ppi达到326 sp 与 px 的换算公式:sp*ppi/160 = px 总结得出: ...
  • ridxmc
  • ridxmc
  • 2016年05月08日 17:50
  • 12342

px像素单位与IOS像素单位的换算

30px转成磅为单位=22磅=二号 磅=(像素/96)*72 =(30/96)*72 =22.5磅 中文字号VS英文字号(磅)VS像素值的对应关系: 八号=5磅(5pt) =...
  • fanyuna
  • fanyuna
  • 2014年04月18日 17:01
  • 9155

ios基础篇—图标尺寸选择 AppIcon&LaunchImage

常用位置选择 一般情况下图片按照标准格式直接拖入到appIcon或者LaunchImage下会自动进行匹配,但是有时候还是会包出黄色警告,对于开发人员还是需要了解下,下面就把命名规则和常见的位置和...

iOS ICON和Launch设置尺寸

iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的! 1. 桌面图标 (app icon) for iPhone6 plus(@3x) : 180 x 180 for iPhone 6/...

iOS App图标和LaunchImage启动页尺寸及命名规则

2015/11/12 星期四 下午 1:39 注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的 App icon for the App Sto...
  • guggy
  • guggy
  • 2016年11月12日 17:55
  • 10799

IOS下的屏幕相关和AppIcon尺寸以及LaunchImage 简单介绍

关于iOS 设备的屏幕:    1.所谓Retain屏幕,就是高清视网膜屏幕,分辨率宽高是标准屏幕分辨率的2倍。    2.设备的一些相关信息如下:    3.分辨率的意思就是把屏幕进行横向、纵向...
  • ABC__D
  • ABC__D
  • 2016年05月24日 10:59
  • 12044

ios中KeyChain用途(整理)

一、在应用间利用KeyChain共享数据        我们可以把KeyChain理解为一个Dictionary,所有数据都以key-value的形式存储,可以对这个Dictionary进行add、u...

UITabBar 自定义

系统自带的UITabBar可以通过简单地设置满足开发的需求,二很多人还不知道 比如说 系统默认文字是蓝色的,但是我们想让他默认的时橘色的就可以通过简单的设置一下啊富文本属性就能解决问题 这几仅具有...

ios App Icon 和Launch Images图标规格尺寸

程序猿们辛苦写完App马上就要上线了,提交到app store审核的时候却异常麻烦。相比安卓应用,ios对图标尺寸的要求简直丧心病狂。网上随便一搜介绍的都太复杂,自己研究了下,在xcode中就可以查看...

IOS第四天——Obj-C的数据类型和表达式

那么其实很多朋友可能会纳闷儿,你不是要学IOS开发么?那么直接去学就好了,抄呗,拖拖控件,写几行代码就好了啊,好吧,其实这个也算是个捷径,但很多时候要想做好,还是说,基础要打牢,所以,废话不多讲,开始...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:『iOS/Obj-C』App所需要的全部的icon图标尺寸(单位px)
举报原因:
原因补充:

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