iPhone 各屏幕尺寸及解析
一.iPhone 各屏幕尺寸表
| 3GS | 3.5 inch | 163 ppi | 320*480 pt | 320*480 px | @1x | 1.5 | 2:3 |
| 4/4s | 3.5 inch | 326 ppi | 320*480 pt | 640*960 px | @2x | 1.5 | 2:3 |
| 5/5S/5c/SE | 4.0 inch | 326 ppi | 320*568 pt | 640*1136 px | @2x | 1.77 | 9:16 |
| 6/6S/7/8 | 4.7 inch | 326 ppi | 375*667 pt | 750*1334 px | @2x | 1.77 | 9:16 |
| 6+/6S+/7+/8+ | 5.5 inch | 401 ppi | 414*736 pt | 1242 * 2208 px (1080x1920) | @3x | 1.77 | 9:16 |
| X | 5.8 inch | 458 ppi | 375*812 pt | 1125*2436 px | @3x | 2.16 | 9:20 |
| XS | 5.8 inch | 458 ppi | 375*812 pt | 1125*2436 px | @3x | 2.16 | 9:20 |
| XS Max | 6.5 inch | 458 ppi | 414*896 pt | 1242*2688 px | @3x | 2.16 | 9:20 |
| XR | 6.1 inch | 326 ppi | 414*896 pt | 828*1792 px | @2x | 2.16 | 9:20 |
二.相關(guān)術(shù)語(yǔ)說(shuō)明
1. inch(英寸)
1 inch= 2.54cm = 25.4mm
2. 屏幕尺寸
指的是顯示屏的對(duì)角線長(zhǎng)度,以下為iPhone5s、iPhone6s、iPhone6Plus屏幕尺寸規(guī)格示意圖:
3. 點(diǎn)(point)和像素(pixel)換算關(guān)系
像素:影像顯示的基本單位,翻譯成中文稱為"像素"縮寫(xiě) px.(簡(jiǎn)單理解為在計(jì)算機(jī)顯示器上的一個(gè)一個(gè)的小方格,一個(gè)格子便是一個(gè)像素).
iPhone3GS
1point = 1pixel
iPone4/4s/5/5S/5c/SE/6/6s
1point = 2pixel
iPhone6Plus/iPhone6s Plus
1point = 3pixel
普通屏幕: 1 point = 1 pixel
Retina屏: 1 point = 2 pixel
High Retina:1 point = 3 pixel
這里再簡(jiǎn)單介紹一下Retina這個(gè)術(shù)語(yǔ):
Retina屏幕是蘋(píng)果創(chuàng)造的營(yíng)銷名詞,而非通用標(biāo)準(zhǔn)
Retina翻譯成中文就是視網(wǎng)膜的意,Retina屏的分辨率非常高,以至于你在正常的觀看距離無(wú)法看到任何像素點(diǎn)。
Retina強(qiáng)調(diào)的重點(diǎn)是“分辨率足夠高,可以達(dá)到眼睛看不出來(lái)的地步”。也就是說(shuō),蘋(píng)果為了更好地描述iPhone屏幕分辨率非常高這一特性,而借用并創(chuàng)造了Retina這一標(biāo)準(zhǔn),并非行業(yè)內(nèi)通用的標(biāo)準(zhǔn)。
蘋(píng)果曾經(jīng)給出過(guò)一個(gè)標(biāo)準(zhǔn):手機(jī)屏幕達(dá)到300PPI、平板屏幕達(dá)到220PPI、筆記本電腦屏幕達(dá)到200PPI即可認(rèn)為是Retina屏幕。
4. PPI (像素密度)
屏幕像素密度:(Pixels Per Inch)直譯過(guò)來(lái)就是每英寸上顯示的像素?cái)?shù)量.
表示沿著對(duì)角線,每英寸所擁有的像素(pixel)數(shù)目,PPI的數(shù)值越高,代表顯示屏能夠以越高的密度顯示圖像,即通常所說(shuō)的分辨率越高,顆粒感越弱,圖像更清晰。
PPI的計(jì)算公式(勾股定理):
其中,X:長(zhǎng)度像素?cái)?shù);Y:寬度像素?cái)?shù);Z:屏幕尺寸即對(duì)角線長(zhǎng)度
以根據(jù)iPhone4/iPhone4s為類,計(jì)算PPI的計(jì)算值:
= 329.65 pixcel/inch
計(jì)算結(jié)果稍有出入,這是因?yàn)橄袼氐碾x散采樣有鋸齒效應(yīng)。
5. 邏輯分辨率和物理分辨率
邏輯分辨率以point(pt)為單位,物理分辨率以pixel(px)為單位。
區(qū)分邏輯分別率和物理分辨率是因?yàn)樵谠缙趇Phone 3GS之前,iOS繪制圖形以point為單位。在這個(gè)時(shí)期point和pixel嚴(yán)格對(duì)應(yīng)在一起。在iPhone 3GS上:
1 pt = 1 px
到了iPhone 4開(kāi)始,蘋(píng)果引入了Retina屏幕。在一定物理單位內(nèi)可以顯示2倍的像素。iPhone 4的屏幕物理尺寸還是3.5寸,分辨率為640 × 960,提升了4倍。也就是說(shuō),原先的1 point可以容納4個(gè)pixel。
所以到了iPhone 4,邏輯分辨率和物理分辨率的關(guān)系就成了:
1 pt = 2 px
解釋一:
物理分辨率是硬件所支持的,邏輯分辨率是軟件可以達(dá)到的。
物理分辨率:顯示屏的最佳分辨率,即屏幕實(shí)際存在的像素行數(shù)乘以列數(shù)的數(shù)學(xué)表達(dá)方式,是顯示屏固有的參數(shù),不能調(diào)節(jié),其含義是指顯示屏最高可顯示的像素?cái)?shù)。
物理尺寸(物理分辨率):是指屏幕的實(shí)際大小。大的屏幕同時(shí)必須要配備高分辨率,也就是在這個(gè)尺寸下可以顯示多少個(gè)像素,顯示的像素越多,可以表現(xiàn)的余地自然越大。
解釋二:
如上圖中 640x960、640x1136等這些都是物理尺寸或是物理分辨率。
而320x480、320x568等這些都是邏輯分辨率或是邏輯尺寸。
解釋三:
從另外的角度來(lái)說(shuō):分辨率就是屏幕上橫、縱的總象素點(diǎn)數(shù)。分辨率是指屏幕上有多少個(gè)格子(像素 px),如大家經(jīng)常會(huì)看到一些手機(jī)配置顯示 320X480 640X960 750X1334 均表示當(dāng)前屏幕橫縱一共顯示了多少個(gè)像素?cái)?shù)量,如橫向顯示了 750 個(gè)格子(像素)、縱向顯示了 1334 個(gè)格子(像素),那么就稱當(dāng)前屏幕分辨率為 750X1334.
如果我們?cè)O(shè)計(jì)的時(shí)候用單位px,可以說(shuō)是物理分辨率尺寸。
如果我們?cè)O(shè)計(jì)的時(shí)候用單位pt,可以說(shuō)是邏輯分辨率尺寸。
下面拿iphone 6 plus詳細(xì)分析:
iphone6plus-物理尺寸分辨率
1、iPhone 6 Plus 的邏輯point分辨率用 360×640,也不是不可以,也即上面圖表中的 iPhone 6+ (b)方案,那么 scale 用 @3x,最終像素分辨率 360×640@3x 正好是 1080×1920,完美1:1映射,無(wú)需縮放;但缺點(diǎn)就是:iPhone 6 Plus的邏輯pt分辨率 360×640 就會(huì)比 iPhone 6的 375×667 還低,這天理不容啊,一個(gè)Plus的大屏幕雖然很精細(xì),但是可顯示的實(shí)際內(nèi)容比 iPhone 6 還少。完全不符合 Bigger than bigger 。
打個(gè)比方就是:相同字號(hào)的情況下,iPhone 6如果一行顯示了25個(gè)字,而 iPhone 6 Plus 按這個(gè)邏輯pt方案,一行就會(huì)只能顯示24 個(gè)字了。
2、那如果邏輯point分辨率用 540×960 呢,也即圖表中的 iPhone 6+ ? , scale 沿用老的 @2x ,最終像素分辨率 540×960@2x 不正好是 1080×1920 嗎,也是完美1:1映射,無(wú)需縮放,還不需要多余做 @3x 素材; 而且這個(gè)方案的優(yōu)點(diǎn)也很明顯: pt 面積是 iPhone 6 的兩倍 (540×960 = 375x667x 2),這樣屏幕可顯示的內(nèi)容一下就增多了 ; 但這個(gè)方案的缺點(diǎn)就更明顯了: 所有 iOS UI 元素尺寸在屏幕上的實(shí)際物理面積一下子就變小了,比如標(biāo)簽欄或?qū)Ш綑诎粹o的物理高度只有原來(lái)的 81.5% ,
點(diǎn)擊面積就只有iPhone 6的 0.815*0.815=66.4%,用戶點(diǎn)擊就困難了,總不至于蘋(píng)果考慮觸摸手指操作,為 <= iPhone 6 做一套設(shè)計(jì)規(guī)范,為 iPhone 6 Plus 再另外做一套設(shè)計(jì)規(guī)范
分辨率如下圖
6. scale factor(縮放因子)
因?yàn)檫壿嫹直媛屎臀锢矸直媛蚀嬖谥欢ǖ谋壤P(guān)系,這種比例的關(guān)系稱為縮放因子。其對(duì)應(yīng)關(guān)系為:
1 pt = scale * px
早期的iPhone3GS的屏幕屏幕分辨率是320 * 480,iOS繪制圖形(CGPoint/CGSize/CGRect)均已point為單位。
1 point = 1 pixel
后來(lái)在iPhone4中,同樣大小(3.5inch)的屏幕采用Retina(視網(wǎng)膜)屏幕顯示技術(shù),橫、縱向方向像素密度都被放大到2倍,像素分辨率提高到(320 * 2) * (480 * 2) = 640 * 960,屏幕分辨率提高到iPhone3GS的4倍。iPhone6Plus中橫、縱向方向像素密度都被放大到3倍,屏幕分辨率提高到iPhone3GS的9倍。
scale= 單位長(zhǎng)度內(nèi)的數(shù)量比(pixel/point)
類似文章:
類似文章鏈接1
類似文章鏈接2
總結(jié)
以上是生活随笔為你收集整理的iPhone 各屏幕尺寸及解析的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 线程属性 pthread_attr_t
- 下一篇: Angular CLI的简单使用(1)