解析度 畫素和PPI

2022-03-28 17:56:19 字數 1954 閱讀 7133

螢幕尺寸是指螢幕對角線的長度,一般以英吋為單位,1英吋(inch)=2.54厘公尺(cm)。傳統意義上的**尺寸也是這個概念。所以同樣尺寸(指對角線)的螢幕,也可能長寬比率不同。

畫素(pixel):是點陣圖(如數字影象)裡的抽象概念,指計算機對影象的取樣點,沒有具體尺寸。通俗理解就是乙個乙個的方框(點),計算機會儲存該取樣點的位置和顏色值。

每個畫素儲存rgba 4個通道的值,每個通道有256個值,即瀏覽器解壓後每個畫素大小為4(通道)*1(位元組,8位256個值)。

解析度:畫素的總數。如1024px*600px,表示在每行上有1024個畫素(取樣點),在每列上有600個畫素(取樣點)。

注意只要沒有對數字影象本身進行編輯,任何的顯示或列印設定都不會改變影象本身(解析度)。

畫素密度(ppi):即每英吋所擁有的畫素數,英文為pixels per inch。

dpi(dot per inch):含義和ppi一樣,指每英吋上所列印的點數,是印刷行業的計量單位。ppi和dpi經常用混,一般「畫素」用於電腦顯示領域,而「點」使用於列印或印刷領域。

解析度、ppi和尺寸的關係:

的物理尺寸×的ppi =在螢幕上顯示的的物理尺寸×螢幕的ppi= 畫素總數(解析度)

解析度為1920x1080的**,輸出到一張5寸的相紙上,ppi是440。

如果輸出到760寸(19公尺)的廣告牌上,則ppi只有3,非常模糊。

常用ppi/dpi設定:

1.洗印**:300或以上

2.名片、雜誌等:300

3.高畫質寫真海報:96~200

4.網路,網頁介面:72

5.大型噴繪:25~50

把同一幅數碼顯示到計算機顯示器或手機螢幕上時,顯示器或手機螢幕的ppi越高,則效果越細膩,在顯示器或手機上看起來也越小;反之,顯示器或手機螢幕的ppi越低,則效果越粗糙(甚至能看出顆粒感),在顯示器或手機上看起來也越大。

物理解析度是顯示器等裝置固有的引數,不能調節。一般是指該裝置最高(最佳)可顯示的畫素數。例如led液晶屏通過網格來劃分液晶體,乙個液晶體(光電)即為乙個物理畫素點。同樣ppi越高畫質晰度越高。

顯示器解析度,其實是指作業系統設定的解析度,而不是顯示器的物理解析度。但是液晶顯示器只有在系統解析度與物理解析度一致的情況下(即點對點顯示),顯示效果最佳,所以可以認為二者等價。

css中的px為相對單位,相對於不同裝置viewport而言。同一元素(以px為單位),在不同裝置上的物理尺寸不一樣。

css2規範建議 1英吋內含96px。如果使用者**所在裝置不是這個值,使用者**應重新縮放為更合理的值。at zoom level 100% one css pixel is exactly equal to one device pixel.所以開發中為兼顧不同裝置中的顯示效果,只需要考慮裝置的物理解析度。可以通過chrome的resolution test外掛程式,或工具類**檢視各種螢幕下的頁面效果。

頁面放大/縮小:

元素總畫素不變,裝置物理畫素也不變,只是對應關係改變。原來是1對1,元素放大後通過插值演算法從左右的畫素裡過渡出畫素進行填充,佔據更多的物理畫素,也就是1個元素畫素對應多個物理畫素(顯示點)。

比如zoom為200%,原來的元素會變成4倍大(width、height各2倍),即佔據螢幕的空間也是原來的4倍。

解析度 畫素和PPI

螢幕尺寸是指螢幕對角線的長度,一般以英吋為單位,1英吋 inch 2.54厘公尺 cm 傳統意義上的 尺寸也是這個概念。所以同樣尺寸 指對角線 的螢幕,也可能長寬比率不同。畫素 pixel 是點陣圖 如數字影象 裡的抽象概念,指計算機對影象的取樣點,沒有具體尺寸。通俗理解就是乙個乙個的方框 點 計算...

iOS解析度和畫素

解析度和畫素 經新xcode6模擬器驗證 解析度為pt,畫素為真實pixel 自動適配 不處理時自動等比拉伸,如果在老工程列印螢幕frame,依然是320x568 對比自動適配的和完美適配的導航欄就能看出問題 因為拉伸所以會有一些虛,導航欄明顯比64要大,但相比3.5寸到4寸的留黑邊還是好很多。如何...

畫素與解析度

可以通過displaymetrics類來獲得手機螢幕的寬度 高度 密度等,如下 displaymetrics metric new displaymetrics getactivity getwindowmanager getdefaultdisplay getmetrics metric int ...