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. 用苹果的话讲 ...
随机推荐
- EntityFramework 基础提供程序在 Open 上失败。
问题 System.Data.EntityException: 基础提供程序在 Open 上失败. ---> System.Data.SqlClient.SqlException: 在与 SQL ...
- HTML5与CSS3权威指南.pdf5
第9章 通信API 跨文档消息传输 HTML5提供了网页文档之间互相接收与发送信息的功能,不仅同源(域+端口号)的Web网页之间可以互相通信,甚至可以实现跨域通信 想要接受从其他窗口发过来的信息,要对 ...
- fetion for linux
- Python运行机制
闲来无事,简单画了一下Python的运行机制,纯属娱乐:
- 399. Evaluate Division
图像题,没觉得有什么简单的办法,貌似可以用Union Find来解. 感觉有2种思路,一种是先全部构建好每2个点的weight,然后直接遍历queires[][]来抓取答案. 一种是只构建简单的关系图 ...
- Unicode与 utf8的互相转换
<?php function unicode_encode($name) { $name = iconv('UTF-8', 'UCS-2', $name); $len = strlen($nam ...
- HttpWebRequest抓数据遇到的问题
1.有些网站访问速度慢,而且这个网站的连接数(比如全球内衣,另外对于女生各种什么内衣不懂的也可以上去查看了解哈),因为没有即时的关闭,造成抓取页面数据的时候超时也严重. 解决:把相应的HttpWebR ...
- devm_kzalloc and kmalloc
Move resources allocated using unmanaged interface to managed devm interface So today let's talk abo ...
- MVC 音乐商店 第 8 部分: 购物车与 Ajax 更新
MVC 音乐商店是介绍,并分步说明了如何使用 ASP.NET MVC 和 Visual Studio 为 web 开发教程应用程序. MVC 音乐商店是一个轻量级的示例存储实现它卖音乐专辑在线,并实现 ...
- android 61 logcat
package com.itheima.logcat; import android.os.Bundle; import android.app.Activity; import android.ut ...