dpi
[密度單位](dots per inch)打印分辨率 （每英寸所能打印的點數(shù)，即打印精度）[主要用于打印設(shè)備]
ppi
[密度單位](pixels per inch)[每英寸像素點數(shù)]圖像分辨率 （在圖像中，每英寸所包含的像素數(shù)目）
計算方法：
# √(長度像素數(shù)2 + 寬度像素數(shù)2)/屏幕對角線英寸數(shù)
# iphone5的ppi計算：
Math.sqrt(Math.pow(1136,2)+Math.pow(640,2))/4=326
# iphone6的ppi計算
Math.sqrt(Math.pow(1334,2)+Math.pow(750,2))/4.7=326
# iphone6+的ppi計算
Math.sqrt(Math.pow(1920,2)+Math.pow(1080,2))/5.5=400
備注
| 英寸 | ppi | dpi | ||||
|---|---|---|---|---|---|---|
| iphone6+ | retina | 1920 x 1080[2208 x 1242]/414 x 736 | 5.5 | @3x | 401 | 154 |
| iphone6 | retina | 1334 x 750/375 x 667 | 4.7 | @2x | 326 | 163 |
| iphone5 | retina | 1136 x 640/320 x 568 | 4 | -- | -- | -- |
| iphone5s | retina | 1136 x 640 | -- | -- | -- | -- |
| iphone5c | retina | 1136 x 640 | -- | -- | -- | -- |
| iphone4 | retina | 960 x 640/320 x 480 | 3.5 | -- | -- | -- |
| iphone4s | retina | 960 x 640 | -- | -- | -- | -- |
| iphone1 | 780 x 320/320 x 480 | -- | 163 | 163 | ||
| iphone2 | 780 x 320 | -- | -- | -- | ||
| iphone3 | 780 x 320 | -- | -- | -- | ||
| iPad Air/Retina iPad | retina | 2048 x 1536 | ||||
| iPad 1/iPad 2 | 1024 x 768 |
dp
[也叫dip][安卓開發(fā)單位]，device independent pixels(設(shè)備獨立像素)
px
[電子屏幕基本單位]主要使用的photoshop或者axure等工具用的度量單位像素，電子屏幕上組成一幅圖畫或照片的最基本單元。dp與px之間的換算關(guān)系[1dp表示在屏幕像素點密度為160ppi時1px長度]
dp*ppi/160 = px
1dp=(屏幕ppi/ 160)px
sp
[安卓字體單位]scaled pixels(放大像素). 主要用于字體顯示best for textsize
# 當(dāng)文字尺寸是“正?！睍r1sp=1dp，而當(dāng)文字尺寸是“大”或“超大”時
1sp>1dp
由于做設(shè)計時以xhdpi為模板，xhdpi條件下，1dp=2px。若新建畫布時，將畫布分辨率設(shè)為144ppi，則1pt=2px=1dp。此時，即可將pt等同于dp。標(biāo)注長度的時候，將長度像素除以2即為dp值。
sp與px之間的換算關(guān)系
sp*ppi/160 = px
sp和dp代替px[在Android設(shè)計原則中,他們不會因為ppi的變化而變化，在相同物理尺寸和不同ppi下，他們呈現(xiàn)的高度大小是相同。也就是說更接近物理呈現(xiàn)，而px則不行]
pt
[印刷基本單位]是一個標(biāo)準(zhǔn)的長度單位，1pt=1/72英寸，用于印刷業(yè)，非常簡單易用
1pt= (DPI / 72) px
eg:當(dāng)photoshop中新建畫布的分辨率為72ppi( 即 72dpi時 )， 1pt=1px; 當(dāng)新建畫布分辨率為72*2=144ppi時，1pt=2px
in
window.devicePixelRatio[設(shè)備像素比]=設(shè)備物理像素/設(shè)備獨立像素 我的iPhone是3
