px是什么-交易百科

先聊聊熟悉的幾個單位

圍繞著各種屏幕做設計和開發的人會碰到下面幾個單位：in, pt, px, dpi，dip/dp, sp

下面先簡單回顧下前四個單位：

”in“

的縮寫，英寸。就是屏幕的物理長度單位。一英寸等于2.54cm。比如手機常見的尺寸有5寸、5.5寸、6寸等，這里的長度都是指手機對角線的長度。

”pt“

“” 的縮寫，點。一個點等于1/72英寸，所以“點”也是個長度單位而已。

”px“

“” 的縮寫，像素。是畫面顯示的基本單位，真實的像素并不是點或者方塊（雖然有時這樣顯示），也沒有實際固定長度，只是一個抽象的取樣。設計中的像素和實際顯示屏上的像素相對應。

屏幕的分辨率一般就描述為“寬向像素數X縱向像素數”。比如 手機常見的分辨率有：320 X 480, 480 X 800, 1080 X 1920等。

”dpi“

"dots per inch" 的縮寫，“每英寸的像素數”，即像素密度。下圖展示了600 dpi和1200 dpi的對比，明顯后者的像素更加密集。

安卓手機種類多樣，有各種屏幕像素密度。比如是低密度（ldpi）類型， 是中密度（mdpi），是高密度（hdpi)，是超高密度（），是超超高密度（）。

為什么要引入 dp 這個單位

像素（px）是設計師們熟知的單位，比如畫圖自定義尺寸的時候就來個寬xx像素乘以高xx像素，好像一直沒什么問題。

不過，如果你仔細觀察一下就會發現，在做UI設計時，設計工具給出的默認手機尺寸并不是按像素數來計算的。

以墨刀為例，提供的三星的尺寸是360 x 640。

但這當然不是三星屏幕的像素數。

（否則三星要哭暈在廁所）

查了下三星 S5/S6/S7屏幕的實際像素數是這樣：

那360*640是什么？

細心的同學可能發現了…

即使S5和S6/7的像素分辨率不一樣，但分辨率左邊一欄都寫著360 x 640 dp。

所以，什么是 dp，為什么要有 dp？

答：是為了設計圖能適配不同像素密度的屏幕。

舉個栗子吧，如果設計師用像素為單位畫圖，畫了一個4px * 4px的 icon，這樣的 icon 放在和的兩種屏幕上展示，會變成大概這樣：

比例完全失調！

因此，干脆就不以像素為單位直接畫圖，而是引入一個新的單位 dp。dp 全稱是 “- ”，即“密度無關像素”，所以也可以縮寫成 dip，不過 dp 更常用。

定義dp為 時的一個像素大小；那么到 320 dpi 時，它就相當于兩個像素。

兩者的數值關系如下：

px= dp *（dpi/160）

這樣的話，假如做一個50*50dp的icon，放到的屏幕上就是50px*50px，放到的屏幕上就是*。各元素的布局和比例便不會失調。

所以設計師在給開發切圖時，經常會需要切一倍圖、二倍圖和三倍圖，以滿足不同像素密度屏幕的需要。墨刀的切圖功能就能讓你一鍵切出一倍、二倍和三倍圖，沒有繁瑣操作。

這里插一句 sp 這個單位，sp 跟 dp 類似，全稱是 - （也會縮寫為 sip）, 即“獨立比例像素”。sp 主要用作字體的單位，開發用此單位設置文字大小，這樣在不同像素密度的屏幕上能進行同比例的擴大縮小。

OK，回到 dp。

既然知道了要用dp為單位畫圖，那面對各種手機型號和分辨率，畫圖前需要把px換算成dp。不過，貼心的墨刀已經把這些換算給做好啦！

考慮到今年全屏手機雨后春筍般涌現出來，墨刀也及時在設備默認尺寸中添加了 2 和 2XL的 dp 尺寸，讓你免去px和dp的換算，輕松進入畫圖流程。

當然，如果真的遇到了要為某個小眾機型適配而沒有默認選項，那就選擇最下面的自定義好了。怎么算？ 非常容易。

查到某款機型的分辨率為a*b px,該機型的像素密度dpi（也會寫作ppi）為c。

那么需要自定義的dp尺寸為：

寬= a/(c/160) ,高=b/(c/160)

好了，搞定！

本文源于網絡整編，如有不妥，請聯系站長刪除處理