淺談iOS尺寸單位pt、ppi與px

1、螢幕尺寸

通常所說的iPhone3GS螢幕尺寸為3.5英寸、iPhone4螢幕尺寸為4英寸,指的是顯示屏對角線的長度。

 

2、iOS尺寸單位

1) px:

畫素,是物理螢幕顯示的基本單位,即使在程式中使用的不是px,但最後都會轉化為px,顯示在手機上。

2) pt:

ios開發單位,即point,絕對長度,1pt=1/72英寸。

3) ppi:

Pixels Per Inch,即沿著對角線,每英寸所擁有的畫素數目,螢幕畫素密度。

其中,X和Y是畫素解析度。

如:

iphone3GS的畫素解析度是320px*480px,螢幕尺寸為3.5英寸,因此可以計算得出,iphone3GS的螢幕畫素密度為163。

3、iphone的發展

1) iphone3GS的邏輯解析度為320pt*480pt,而iphone3GS的畫素解析度為320px*480px,所以iphone3GS中一個點正好對應一個畫素。所以,當要新增一個30pt*30pt的圖片,只要告訴美工做一個30px*30px的圖片即可。

2) iphone4的邏輯解析度沒有改變,仍為320pt*480pt,但畫素解析度改為640px*960px,這時一個點對應四個畫素。所以,當要新增一個30pt*30pt的圖片,該圖片的畫素為60px*60px,如果美工只做30px*30px的圖片,系統會將這個圖片放大,出現模糊的現象,因此需要告訴美工做一個60px*60px的[email protected]圖片。

3) iphone5的螢幕尺寸改為4英寸,但由於畫素密度沒有改變,仍為iphone3GS的2倍,每英寸所擁有的畫素數目iphone3GS的2倍,也即每pt所擁有的畫素數目iphone3GS的2倍,因此iphone5和iphone5s都用的是@2x的圖片。

4) iphone6的畫素解析度沒有改變,但iphone6 plus的畫素解析度改變了,一個點差不多對應2.46個畫素,但不是應該做一個@2.46x的圖片,而是應該做一個@3x的圖片,然後再縮放到@2.46x上。所以當要新增一個30pt*30pt的圖片,只要告訴美工做一個大小為90px*90px的[email protected]圖片。

 

4、iphone的尺寸規格

1) @1x,163ppi(iphone3gs)

2) @2x,326ppi(iphone4、4s、5、5s、6)

3) @3x,401ppi(iphone6 )