iOS设备、Icon、LaunchImage、图片分辨率
iOS设备
iOS设备的屏幕的大小、分辨率以及比例因数(Scale Factor)[1]。
iPhone
| 设备 | 宽(inch) | 高(inch) | 对角线(inch) | 逻辑分辨率(point) | Scale Factor | 设备分辨率(pixel) | PPI |
|---|---|---|---|---|---|---|---|
| 3GS | 2.4 | 4.5 | 3.5 | 320X480 | @1x | 320X480 | 163 |
| 4/4s | 2.31 | 4.5 | 3.5 | 320X480 | @2x | 640X960 | 326 |
| 5c | 2.33 | 4.90 | 4 | 320X568 | @2x | 640X1136 | 326 |
| 5/5s | 2.31 | 4.87 | 4 | 320X568 | @2x | 640X1136 | 326 |
| 6/6s | 2.64 | 5.44 | 4.7 | 375X667 | @2x | 750X1334 | 326 |
| 6+/6s+ | 3.06 | 6.22 | 5.5 | 414X736 | @3x | 1080X1920(1242X2208)* | 401 |
* 在iPhone 6 Plush以及iPhone 6s Plush中,实际分辨率为1080X1920,在开发中,以1242X2208进行适配。
iPad
| 设备名称 | 上市日期 | 屏幕尺寸(inch) | Scale Factor | 设备分辨率(pixel) | PPI |
|---|---|---|---|---|---|
| iPad | 2010.01 | 9.7 | @1x | 1024X768 | 132 |
| iPad2 | 2011.03 | 9.7 | @1x | 1024X768 | 132 |
| The new iPad | 2012.05 | 9.7 | @2x | 2048X1536 | 264 |
| iPad mini | 2012.10 | 7.9 | @1x | 1024X768 | 163 |
| iPad 4 | 2012.12 | 9.7 | @2x | 2048X1536 | 264 |
| iPad Air | 2013.10 | 9.7 | @2x | 2048X1536 | 264 |
| iPad mini 2 | 2013.10 | 7.9 | @2x | 2048X1536 | 326 |
| iPad Air2 | 2014.10 | 9.7 | @2x | 2048X1536 | 264 |
| iPad mini 3 | 2014.10 | 7.9 | @2x | 2048X1536 | 326 |
| iPad mini 4 | 2015.09 | 7.9 | @2x | 2048X1536 | 326 |
| iPad Pro | 2015.11 | 12.9 | @3x | 2732X2048 | 264 |
在Xcassets中,图片名称不再重要,只需要将相应的图片放置至对应的位置即可。以下命名只作参考。
Icon
iOS应用图标的命名及分辨率大小和用途[2]。
| 名称 | 分辨率(pixel) | 用途 |
|---|---|---|
| iTunesArtwork | 512X512 | iTunes商店应用列表的图标 |
| iTunesArtwork@2x | 1024X1024 | 视网膜屏幕设备的iTunes商店应用列表的图标 |
| Icon-60@2x | 120X120 | 视网膜屏幕的iPhone或iPod Touch的桌面图标 |
| Icon-60@3x | 180X180 | iPhone 6 Plus的桌面图标 |
| Icon-76 | 76X76 | iPad的桌面图标 |
| Icon-76@2x | 152X152 | 视网膜屏幕的iPad的桌面图标 |
| Icon-Small-40 | 40X40 | 搜索结果列表的图标 |
| Icon-Small-40@2x | 80X80 | 视网膜屏幕设备的搜索结果列表的图标 |
| Icon-Small-40@3x | 120X120 | iPhone 6 Plus的搜索结果列表的图标 |
| Icon-Small | 29X29 | 设置中的图标 |
| Icon-Small@2x | 58X58 | 视网膜屏幕设备的设置中的图标 |
| Icon-Small@3x | 87X87 | iPhone 6 Plus的设置中的图标 |
| iOS 6.1及之前* | ||
| Icon | 57X57 | iOS 6.1及之前的iPhone和iPod Touch的桌面图标 |
| Icon@2x | 114X114 | iOS 6.1及之前的视网膜屏幕的iPhone和iPod Touch的桌面图标 |
| Icon-72 | 72X72 | iOS 6.1及之前的iPad的桌面图标 |
| Icon-72@2x | 144X144 | iOS 6.1及之前的视网膜屏幕的iPad的桌面图标 |
| Icon-Small | 29X29 | iOS 6.1及之前的iPhone和iPod Touch的搜索结果列表和设置中的图标 |
| Icon-Small@2x | 58X58 | iOS 6.1及之前的视网膜屏幕的iPhone和iPod Touch的搜索结果列表和设置中的图标 |
| Icon-Small-50 | 50X50 | iOS 6.1及之前的iPad的搜索结果列表的图标 |
| Icon-Small-50@2x | 100X100 | iOS 6.1及之前的视网膜屏幕的iPad的搜索结果列表的图标 |
* iOS 6.1及以前的设备已经很少了,所以可以选择适配。
LaunchImage
iOS应用的启动页分辨率及用途。
iPhone
| 名称 | 分辨率(pixel) | 用途 |
|---|---|---|
| 竖屏(Portrait) | ||
| Default | 320X480 | 用于iPhone 3GS |
| Default@2x | 640X960 | 用于iPhone 4/4s |
| Default-568h@2x | 640X1136 | 用于iPhone 5/5c/5s |
| Default-Retina@2x | 640X1136 | 用于iPhone 5/5c/5s |
| Default-667h@2x | 750X1334 | 用于iPhone 6/6s |
| Default-736h@3x | 1242X2208 | 用于iPhone 6 Plush/6s Plush |
| 横屏(Landscape) | ||
| Default-736h-Landscape@3x | 2208X1242 | 用于iPhone 6 Plush/6s Plush横屏启动 |
iPad
| 名称 | 分辨率(pixel) | 备注 |
|---|---|---|
| Default-Landscape~iPad | 1024X768 | 横屏 |
| Default-Portrait~iPad | 768X1024 | 竖屏 |
| Default-Landscape~iPad@2x | 2048X1536 | 横屏 |
| Default-Portrait~iPad@2x | 1536X2048 | 竖屏 |
| To-Status-Bar* | ||
| Default-Landscape-StatusBar~iPad | 1024X748 | 横屏 |
| Default-Portrait-StatusBar~iPad | 768X1004 | 竖屏 |
| Default-Landscape-StatusBar~iPad@2x | 2048X1496 | 横屏 |
| Default-Portrait-StatusBar~iPad@2x | 1536X2008 | 竖屏 |
* to-Status-bar:个人理解为不包含状态栏。
其他相关大小
| 控件(Element) | 大小(Size)(points) | 备注 |
|---|---|---|
| Window (including status bar) | 320 x 480 pts | 窗口(包含状态栏) |
| Status Bar | 20 pts | 状态栏 |
| View inside window(visible status bar) | 320 x 460 | 窗口内的视图,不包含状态栏 |
| Navigation Bar | 44 pts | 导航栏高度 |
| Nav Bar Image / Toolbar Image | up to 20 x 20 pts (transparent PNG) | 导航栏图标大小,拉伸或压缩至20X20,建议使用透明的PNG图片 |
| Tab Bar | 49 pts | 标签栏 |
| Tab Bar Icon | up to 30 x 30 pts (transparent PNGs) | 标签栏图标,拉伸或压缩至30X30,建议使用透明PNG图片 |
| Text Field | 31 pts | 文本框高度,不可调 |
| Height of a view inside a navigation bar | 416 pts | 有导航栏存在的视图高度 |
| Height of a view inside a tab bar | 411 pts | 有标签栏存在的视图高度 |
| Height of a view inside a navbar and a tab bar | 367 pts | 导航栏、标签栏同时存在的视图高度 |
| Portrait Keyboard height | 216 pts | 竖屏键盘高度 |
| Landscape Keyboard height | 140 pts | 横屏键盘高度 |
此表中大小以单倍比例因数为准。
iOS设备、Icon、LaunchImage、图片分辨率的更多相关文章
- ios设备屏幕尺寸与分辨率
iOS 设备的屏幕尺寸.分辨率及其屏幕边长比例详细情况是怎样的? 根据屏幕尺寸和分辨率,ios现在数起来有6个版本.一,3GS:二,4s为代表:三,iphone5:四,ipad2为代表:五,ipad4 ...
- ios项目icon和default图片命名规则
一.应用图片标准iOS控件里的图片资源,苹果已经做了相应的升级,我们需要操心的是应用自己的图片资源.就像当初为了支持iPhone 4而制作的@2x高分辨率版本(译者:以下简称高分)图片一样,我们要为i ...
- ios设备 分辨率(转)
1 iOS设备的分辨率 iOS设备,目前最主要的有3种(Apple TV等不在此讨论),按分辨率分为两类 iPhone/iPod Touch 普屏分辨率 320像素 x 480像素 Retina ...
- iOS开发之图片分辨率与像素对齐
像素对齐的概念 在iOS中,有一个概念叫做像素对齐,如果像素不对齐,那么在GPU渲染时,需要进行插值计算,这个插值计算的过程会有性能损耗. 在模拟器上,有一个选项可以把像素不对齐的部分显示出来.  ...
- IOS 判断设备屏幕尺寸、分辨率
根据屏幕尺寸和分辨率,ios现在数起来有6个版本. iOS 设备现有的分辨率如下: iPhone/iPod Touch 普通屏 320像素 x 480像素 iPhone .3G.3GS,iPod To ...
- iOS设备分辨率
CHENYILONG Blog iOS设备分辨率 © chenyilong. Powered by Postach.io Blog
- iOS设备屏幕分辨率分布
iOS设备屏幕分辨率比较单一,960*640是iPhone4和4s的分辨率,占比67.4%;1024*768是iPad1和iPad2的分辨率,占比22.5%;480*320是iPhone3和3gs的分 ...
- 关于iOS启动页launchImage无法显示解决办法
在没有美工的时候,往往项目开发到一半,才拿到icon和launchImage图片,这时在添加对应图片之后发现并没有正常显示,这就蛋疼了,以下列出几种解决方式. 关于设置launchImage: 工程配 ...
- iOS 设备尺寸以及图标尺寸
iPhone 4和iPod Touch 4有一个新的特性:在屏幕尺寸不变的前提下,分辨率提升一倍(320 x 480 => 640 x 960).苹果将这个特性命名为Retina. 用苹果的话讲 ...
随机推荐
- Asp.net MVC Razor Generator
Razor Generator开源工具使用简介: “Razor Generator” 前生“Razor Single File Generator for MVC” 这可以将MVC视图文件[.csht ...
- Tyvj P3119 核电站问题 动态规划
题目:http://tyvj.cn/p/3119 P3119 核电站问题 时间: 1000ms / 空间: 65536KiB / Java类名: Main 描述 一个核电站有N个放核物质的坑,坑排列在 ...
- usaco 土地并购 && hdu 玩具装箱
土地并购: Description 约翰准备扩大他的农场,眼前他正在考虑购买N块长方形的土地.如果约翰单买一块土地,价格就是土地的面积.但他可以选择并购一组土地,并购的价格为这些土地中最大的长乘以最大 ...
- fetion for linux
- Yii快速入门教程
Ⅰ.基本概念一.入口文件入口文件内容:一般格式如下:<?php$yii=dirname(__FILE__).'/../../framework/yii.php';//Yii框架位置$config ...
- hdoj 2147 kiki's game【博弈】
kiki's game Time Limit: 5000/1000 MS (Java/Others) Memory Limit: 40000/10000 K (Java/Others)Total ...
- 解析Qt4.7.3编译MySql数据库驱动,存中文乱码、过滤转义字符问题
问题:使用QSqlDataBase类建立连接MySql数据库驱动加载失败 QSqlDatabase: QMYSQL driver not loaded QSqlDatabase: available ...
- 用APK Downloader直接从Google Play上下载apk
APK Downloader可以直接从Google Play上下载apk,相比较其他软件,这个不需要提供Google ID,对于没有刷机的同学还是有些帮助的.
- jQuery之事件even
jQuery之事件 W3C:http://www.w3school.com.cn/jquery/jquery_ref_events.asp 一.事件列表 1.blur() 当失去焦点时触发 ...
- Win7 下安装RabbitMQ
RabbitMQ依赖erlang,所以先安装erlang,然后再安装RabbitMQ; 下载RabbitMQ,下载地址: rabbitmq-server-3.5.6.exe和erlang,下载地址:o ...