參考http://foggry.com/blog/2014/09/28/iphoneping-mu-zhi-shi-dian-jie-xi/總結: iphone
Retina顯示屏(視網膜顯示屏)(英文:Retina Display)是從iPhone4開始使用。普通屏:一個點== 一個像素,Retina屏:一個點 == 2個像素。如今又有RetinaHD屏 了。 spa
一。相關概念: blog
屏幕尺寸,分辨率,PPI(每英寸像素數),Points,渲染比例(Scale),寬高比。 圖片
1.屏幕尺寸: ip
在顯示器世界裏,屏幕尺寸都是由屏幕對角線長度表示的,單位是英寸。好比iPhone4的3.5寸屏就意味着屏幕對角線的長度是3.5英寸。 get
2.分辨率: 分辨率是任何一款手機產品最重要的參數之一。顯示屏是由一個個像素組成的,分辨率能夠簡單理解成屏幕像素的數目。好比iPhone4的屏幕分辨率爲640×960,就表示屏幕的橫向有640個像素點,縱向有960個像素點。
產品
3.PPI(每英寸像素數) it
PPI(Pixels Per Inch)表示單位面積上的像素點數目。分辨率能夠表示屏幕包含的像素數目,但要想描述屏幕的顯示質量,還須要知道屏幕尺寸,最後算出單位面積上的像素點數目。顯然PPI越高,屏幕顯示效果越細膩。
io
4.Points 用戶體驗
能夠簡單理解成咱們使用UIKit或 Core Animation處理界面元素時所用到的邏輯座標系統。Points是在iOS4之後引入的,出現的目的是提供一種與設備無關(屏幕分辨率無關)的一致的輸出效果。
5.渲染比例(Scale)
像素點數目和邏輯座標點數目的比值,就是渲染比例(Scale)。更直觀的說法是一個邏輯座標點,須要用幾個像素點來渲染。
iPhone3GS的邏輯座標系統是320×480,分辨率是320×480,即每一個座標點對應一個像素,即Scale爲1;iPhone4的邏輯座標系統是320×480,分辨率是640×960,每一個座標點對應兩個像素點,即Scale爲2。
所以,爲了適配iPhone6+的屏幕,之後又得曾加一份@3x分辨率的圖片了。
6. 寬高比
屏幕寬度和高度的比例,也能夠是分辨率的橫向像素點數目和縱向像素點數目的比例,他們一般是一致的,通常用整數表示。
iPhone3GS/4/4S的寬高比2:3,iPhone5/5C/5S/6/6+的寬高比都是9:16。
從4寸屏升級到iPhone6的4.7寸屏和iPhone6+的5.5寸屏,寬高比並無變化。也就是說原來在iPhone5上運行的應用可以經過拉伸平滑過渡到iPhone6/6+上,可能會稍微有點模糊。不過比起3.5寸到4寸屏的升級來講已經好不少了。當年iPhone5出來的時候,適配3.5寸屏幕的應用上下黑邊的場景仍記憶猶新,用戶體驗很很差,雖然大部分應用都迅速的作了適配。還好蘋果此次學聰明瞭。
二。歷代iPhone屏幕參數
須要說明的是,iPhone6+的邏輯座標是414×736,渲染比例是3倍,所以對應的屏幕分辨率是1242×2208。但iPhone6+的實際屏幕分辨率是1080×1920,這時系統會把總體的顯示內容作一個重新採樣縮放,downsampling比例爲1/1.15。