iOS设备、Icon、LaunchImage、图片分辨率

摘要: 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/6s2.645.444.7375X667@2x750X1334326
6+/6s+3.066.225.5414X736@3x1080X1920(1242X2208)*401

* 在iPhone 6 Plush以及iPhone 6s 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
Default-736h@3x1242X2208用于iPhone 6 Plush/6s Plush
横屏(Landscape)
Default-736h-Landscape@3x2208X1242用于iPhone 6 Plush/6s Plush横屏启动

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》:https://developer.apple.com/library/ios/qa/qa1686/_index.html

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值