mobile相關知識

weixin_33912246發表於2017-11-23

dpi

[密度單位](dots per inch)列印解析度 (每英寸所能列印的點數,即列印精度)[主要用於列印裝置]

ppi

[密度單位](pixels per inch)[每英寸畫素點數]影象解析度 (在影象中,每英寸所包含的畫素數目)

計算方法:

# √(長度畫素數² + 寬度畫素數²)/螢幕對角線英寸數

# 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][安卓開發單位],device independent pixels(裝置獨立畫素)

px

[電子螢幕基本單位]主要使用的photoshop或者axure等工具用的度量單位畫素,電子螢幕上組成一幅圖畫或照片的最基本單元。dp與px之間的換算關係[1dp表示在螢幕畫素點密度為160ppi時1px長度]

dp*ppi/160 = px
1dp=(螢幕ppi/ 160)px

sp

[安卓字型單位]scaled pixels(放大畫素). 主要用於字型顯示best for textsize

# 當文字尺寸是“正常”時1sp=1dp,而當文字尺寸是“大”或“超大”時
1sp>1dp

由於做設計時以xhdpi為模板,xhdpi條件下,1dp=2px。若新建畫布時,將畫布解析度設為144ppi,則1pt=2px=1dp。此時,即可將pt等同於dp。標註長度的時候,將長度畫素除以2即為dp值。

sp與px之間的換算關係

sp*ppi/160 = px

sp和dp代替px[在Android設計原則中,他們不會因為ppi的變化而變化,在相同物理尺寸和不同ppi下,他們呈現的高度大小是相同。也就是說更接近物理呈現,而px則不行]

pt

[印刷基本單位]是一個標準的長度單位,1pt=1/72英寸,用於印刷業,非常簡單易用

1pt= (DPI / 72) px

eg:當photoshop中新建畫布的解析度為72ppi( 即 72dpi時 ), 1pt=1px; 當新建畫布解析度為72*2=144ppi時,1pt=2px

in

window.devicePixelRatio[裝置畫素比]=裝置物理畫素/裝置獨立畫素 我的iPhone是3