摘要:iOS的各种设备的分辨率,以及开发用的Icon、LaunchImage的分辨率。

文中所有数据均来自网络,及博主个人总结,如有错误,以官方数据为准。

iOS设备

iOS设备的屏幕的大小、分辨率以及比例因数(Scale Factor)[1]。

iPhone

设备宽(inch)高(inch)对角线(inch)逻辑分辨率(point)Scale Factor设备分辨率(pixel)PPI
3GS2.44.53.5320X480@1x320X480163
4/4s2.314.53.5320X480@2x640X960326
5c2.334.904320X568@2x640X1136326
5/5s2.314.874320X568@2x640X1136326
6/6s/72.645.444.7375X667@2x750X1334326
6+/6s+/7+3.066.225.5414X736@3x1080X1920(1242X2208)*401
X2.795.655.8375X812@3x1125 × 2436458

*在iPhone 6 Plush、iPhone 6s Plush以及iPhone 7 Plush中,实际分辨率为1080X1920,在开发中,以1242X2208进行适配。

iPad

设备名称上市日期屏幕尺寸(inch)Scale Factor设备分辨率(pixel)PPI
iPad2010.019.7@1x1024X768132
iPad22011.039.7@1x1024X768132
The new iPad2012.059.7@2x2048X1536264
iPad mini2012.107.9@1x1024X768163
iPad 42012.129.7@2x2048X1536264
iPad Air2013.109.7@2x2048X1536264
iPad mini 22013.107.9@2x2048X1536326
iPad Air22014.109.7@2x2048X1536264
iPad mini 32014.107.9@2x2048X1536326
iPad mini 42015.097.9@2x2048X1536326
iPad Pro2015.1112.9@3x2732X2048264

在Xcassets中,图片名称不再重要,只需要将相应的图片放置至对应的位置即可。以下命名只作参考。

Icon

iOS应用图标的命名及分辨率大小和用途[2]。

名称分辨率(pixel)用途
iTunesArtwork512X512iTunes商店应用列表的图标
iTunesArtwork@2x1024X1024视网膜屏幕设备的iTunes商店应用列表的图标
Icon-60@2x120X120视网膜屏幕的iPhone或iPod Touch的桌面图标
Icon-60@3x180X180iPhone 6 Plus的桌面图标
Icon-7676X76iPad的桌面图标
Icon-76@2x152X152视网膜屏幕的iPad的桌面图标
Icon-Small-4040X40搜索结果列表的图标
Icon-Small-40@2x80X80视网膜屏幕设备的搜索结果列表的图标
Icon-Small-40@3x120X120iPhone 6 Plus的搜索结果列表的图标
Icon-Small29X29设置中的图标
Icon-Small@2x58X58视网膜屏幕设备的设置中的图标
Icon-Small@3x87X87iPhone 6 Plus的设置中的图标
iOS 6.1及之前*
Icon57X57iOS 6.1及之前的iPhone和iPod Touch的桌面图标
Icon@2x114X114iOS 6.1及之前的视网膜屏幕的iPhone和iPod Touch的桌面图标
Icon-7272X72iOS 6.1及之前的iPad的桌面图标
Icon-72@2x144X144iOS 6.1及之前的视网膜屏幕的iPad的桌面图标
Icon-Small29X29iOS 6.1及之前的iPhone和iPod Touch的搜索结果列表和设置中的图标
Icon-Small@2x58X58iOS 6.1及之前的视网膜屏幕的iPhone和iPod Touch的搜索结果列表和设置中的图标
Icon-Small-5050X50iOS 6.1及之前的iPad的搜索结果列表的图标
Icon-Small-50@2x100X100iOS 6.1及之前的视网膜屏幕的iPad的搜索结果列表的图标

*iOS 6.1及以前的设备已经很少了,所以可以选择适配。

LaunchImage

iOS应用的启动页分辨率及用途。

iPhone

名称分辨率(pixel)用途
竖屏(Portrait)
Default320X480用于iPhone 3GS
Default@2x640X960用于iPhone 4/4s
Default-568h@2x640X1136用于iPhone 5/5c/5s
Default-Retina@2x640X1136用于iPhone 5/5c/5s
Default-667h@2x750X1334用于iPhone 6/6s/7/8
Default-736h@3x1242X2208用于iPhone 6 Plush/6s Plush/7 Plush/8 Plush
Default-812h@3x1125X2436用于iPhone X
横屏(Landscape)
Default-736h-Landscape@3x2208X1242用于iPhone 6 Plush/6s Plush/7 Plush/8 Plush横屏启动
Default-812h-Landscape@3x2436X1125用于iPhone X横屏启动

iPad

名称分辨率(pixel)备注
Default-Landscape~iPad1024X768横屏
Default-Portrait~iPad768X1024竖屏
Default-Landscape~iPad@2x2048X1536横屏
Default-Portrait~iPad@2x1536X2048竖屏
To-Status-Bar*
Default-Landscape-StatusBar~iPad1024X748横屏
Default-Portrait-StatusBar~iPad768X1004竖屏
Default-Landscape-StatusBar~iPad@2x2048X1496横屏
Default-Portrait-StatusBar~iPad@2x1536X2008竖屏

*to-Status-bar:个人理解为不包含状态栏。

其他相关大小

控件(Element)大小(Size)(points)备注
Window (including status bar)320 x 480 pts窗口(包含状态栏)
Status Bar20 pts状态栏
View inside window(visible status bar)320 x 460窗口内的视图,不包含状态栏
Navigation Bar44 pts导航栏高度
Nav Bar Image / Toolbar Imageup to 20 x 20 pts (transparent PNG)导航栏图标大小,拉伸或压缩至20X20,建议使用透明的PNG图片
Tab Bar49 pts标签栏
Tab Bar Iconup to 30 x 30 pts (transparent PNGs)标签栏图标,拉伸或压缩至30X30,建议使用透明PNG图片
Text Field31 pts文本框高度,不可调
Height of a view inside a navigation bar416 pts有导航栏存在的视图高度
Height of a view inside a tab bar411 pts有标签栏存在的视图高度
Height of a view inside a navbar and a tab bar367 pts导航栏、标签栏同时存在的视图高度
Portrait Keyboard height216 pts竖屏键盘高度
Landscape Keyboard height140 pts横屏键盘高度

此表中大小以单倍比例因数为准。

最后再说几句

参考

[1] 参考自Apple官网中关村在线

[2] 《App Icons on iPad and iPhone

标签: iOS, icon, 分辨率, 开发, LaunchImage, iPhone X

已有 2 条评论

  1. wpfun wpfun

    iphoneX使用
    Default-375w-812h@3x.png
    Default-Landscape-375w-812h@3x.png

  2. 路人甲 路人甲

    总结的很全,不错~
    ヾ(´・ ・`。)ノ"

添加新评论