[[124454]]

像素（Pixel）對(duì)于WEB開發(fā)者來說很是熟悉，在PC互聯(lián)網(wǎng)時(shí)代沒少與其打交道。進(jìn)入移動(dòng)互聯(lián)網(wǎng)之后，隨著移動(dòng)設(shè)備屏幕的解析度越來越高，衍生了一些關(guān)于屏幕和像素的一些新概念，比如DPI，DP，PT，Retina，4K等等，本文對(duì)這些概念做一個(gè)簡(jiǎn)單的介紹。

DPI與PPI

DPI（Dots Per Inch）是印刷行業(yè)中用來度量空間點(diǎn)密度用的，這個(gè)值是打印機(jī)每英寸可以噴的墨汁點(diǎn)數(shù)。計(jì)算機(jī)顯示設(shè)備從打印機(jī)中借鑒了DPI的概念，由于計(jì)算機(jī)顯示設(shè)備中的原子單位不是墨汁點(diǎn)而是像素，所以就創(chuàng)造了PPI（Pixels Per Inch），這個(gè)值是屏幕每英寸的像素?cái)?shù)量，即像素密度（Screen density）。由于各種原因，目前PPI(主要是iOS)和DPI(比如在Android中)都會(huì)用在計(jì)算機(jī)顯示設(shè)備的參數(shù)描述中，不過二者的意思是一樣的，都是代表像素密度。

高PPI屏幕顯示的元素會(huì)比較精細(xì)（看起來會(huì)比較小），低PPI屏幕顯示的元素相對(duì)來說就比粗糙（看起來會(huì)比較大），我們通過一幅圖來看看在不同PPI下元素顯示的區(qū)別：

HD與4K

現(xiàn)在移動(dòng)設(shè)備、智能電視宣傳最多的兩個(gè)關(guān)鍵詞估計(jì)就是HD、4K，這二者都是用來描述顯示設(shè)備分辨率的標(biāo)準(zhǔn)，到底二者之間有什么區(qū)別？

HD(High-Definition)的分辨率要高于1280x720px或者720p。

Full HD的分辨率要高于1920x1080px，目前是主流電視以及高端手機(jī)（比如Galaxy SIV, HTC one, Sony Xperia Z, Nexus5等）采用的是這個(gè)分辨率。

4K（也叫做Quad HD或者Ultra HD）的分辨率從3840x2160起步，主要是現(xiàn)在高端電視的分辨率；其還有一個(gè)更高的4096x2160的標(biāo)準(zhǔn)，主要用于電影放映機(jī)或者專業(yè)相機(jī)。

Retina

Retina display即視網(wǎng)膜屏幕，是蘋果發(fā)布iPhone 4時(shí)候提出的，之所以叫做視網(wǎng)膜屏幕，是因?yàn)槠聊坏腜PI太高，人的視網(wǎng)膜無法分辨出屏幕上的像素點(diǎn)。iPhone 4/S的PPI為326，是iPhone 3G/S的兩倍，如下圖：

由于屏幕在寬和高的像素?cái)?shù)量提高了整整一倍，所以之前非Retina屏幕上的一個(gè)像素渲染的內(nèi)容在Retina屏幕上會(huì)用4個(gè)像素去渲染：1x1px(non Retina) = 2x2px(Retina)，這樣元素的內(nèi)容就會(huì)變得精細(xì)，比如：

注意，Retina display是蘋果注冊(cè)的命名方式，其他廠商只能使用HI-DPI或者其他的命名方式，不過意思都是一樣的，就是屏幕的PPI非常高。

DP/PT/SP

隨著移動(dòng)設(shè)備屏幕PPI的不斷提高，對(duì)于開發(fā)者來說以前用物理像素(Physical Pixel)來度量顯示元素的方法已經(jīng)不奏效了。為了解決這個(gè)問題，兩大平臺(tái)都提出了抽象像素的概念：iOS叫做PT（Point，顯示點(diǎn)），Android中叫做DP/DiP（Device independent Pixel，設(shè)備無關(guān)像素），如果沒有特殊說明，以下統(tǒng)一用DP來進(jìn)行描述。

舉個(gè)例子，44x44dp的元素在非Retina屏幕中等于44x44px，在Retina屏幕中等于88x88px（變?yōu)?倍）。

SP（Scale-independent pixel）是縮放無關(guān)的像素，與DP和PT一樣都是抽象像素，只不過用于描述字體的大小。

iOS中處理PPI

iOS中處理不同PPI顯示的方法很簡(jiǎn)單：首先規(guī)定在多高的PPI下1DP等于1px，并以這個(gè)PPI作為基準(zhǔn)（1x multiplier），如果顯示設(shè)備的PPI是基準(zhǔn)PPI的2倍，那么1DP等于2px（2x multiplier），其實(shí)就是簡(jiǎn)單的小學(xué)乘法。

在iPhone系列中，3G/S為1x multiplier，其他為2x multiplier：

在iPad系列中，iPad 1代和2代為1x multiplier，其他為2x multiplier：

在iPad Mini系列中，iPad Mini一代為1x multiplier，其他為2x multiplier：

在iOS中，同一個(gè)應(yīng)用在非Retina屏幕和Retina屏幕顯示的資源是不同的，其規(guī)則是： name.png為非Retina資源，name@2x.png為Retina資源，所以對(duì)于設(shè)計(jì)人員來說，在你設(shè)計(jì)的時(shí)候需要考慮到Retina屏幕和非Retina屏幕，看下面這個(gè)例子：

Android中處理PPI

由于Android系統(tǒng)是開放的系統(tǒng)，要適配的PPI非常多，所以它對(duì)PPI劃分的非常細(xì)：

• ldpi (low) ~120dpi
• mdpi (medium) ~160dpi
• hdpi (high) ~240dpi
• xhdpi (extra-high) ~320dpi
• xxhdpi (extra-extra-high) ~480dpi
• xxxhdpi (extra-extra-extra-high) ~640dpi

你需要把對(duì)應(yīng)dpi的資源放到對(duì)應(yīng)的目錄就可以了，Android會(huì)根據(jù)dpi自動(dòng)選擇資源，目錄規(guī)則如下：

• drawable-mdpi/asset.png
• drawable-hdpi/asset.png
• drawable-xhdpi/asset.png
• ...

可以看出Android中mdpi與iOS中的1x multiplier所代表的PPI是一樣的，xhdpi與iOS的2x multiplier所代表的PPI一樣，如圖：

參考

• http://sebastien-gabriel.com/designers-guide-to-dpi/home
• http://developer.android.com/guide/practices/screens_support.html

(完)

作者: JeremyWei | 可以轉(zhuǎn)載, 但必須以超鏈接形式標(biāo)明文章原始出處和作者信息及版權(quán)聲明

網(wǎng)址: http://weizhifeng.net/you-should-know-about-dpi.html