今天我給大家來講講這幾個咱們經常打交道的詞到底啥意思，以及他們之間到底有什麼關係。這篇文章是我花了一個下午從N多篇文章裡提煉出的一個白話版，保證讓你看得懂。
咱們從手機開始說起吧。先上一張圖，給大家看看關於手機屏幕方面的一些參數。紅框內的三個參數，大家一定都不陌生，我也不陌生。不過講真的，就在不久前，我連手機的屏幕尺寸到底是怎麼算出來的都不知道。下面我們開始慢慢講。
下面這張圖是華為榮耀7的尺寸圖，圖上寫的是5.2英寸。那麼這個5.2英寸到底是怎麼算出來的呢？在說這個問題之前，我們先進行一下單位的換算。我們平時是不用英寸這個單位的，我們用的是毫米，釐米，米這些單位。那麼英寸和毫米，釐米之間怎樣的換算關係呢？我也不知道，所以我百度了一下。
1英寸（inch）=2.54釐米（cm）
原來一英寸相當於我們的2.54釐米這麼長。現在讓我們回到5.2英寸到底是怎麼算出來的這個問題。一開始呢，我覺得可能是手機屏幕的面積有這麼大吧，後來我百度了英寸之後，才發現自己有多愚蠢。因為英寸是長度單位，面積的表示要用面積單位，英寸顯然不可以表示面積。從這一點，就否認了我的想法。
其實，我們所說的這個5.2英寸是手機屏幕對角線的長度。
我這麼一說，有點數學常識的人就知道手機的屏幕尺寸是怎麼算的了吧。沒錯，就是那個勾股定理了，知道手機屏幕的長和寬，然後利用勾股定理，就可以算出斜邊的長了。還有個更簡單的方法，只要用尺子量一下它的對角線是多少釐米，然後再換算成英寸就搞定了。
上面的圖顯示，華為榮耀7的解析度是1920PX*1080PX。那麼，這個解析度又是怎麼回事呢？可能大家注意了，1920和1080後面都跟了PX的字樣，這個PX就是我們很熟悉的像素了，這個像素咱們後面講，現在你只要明白，像素是解析度的單位就好了。
在講解解析度之前，我們要明白一個概念。在我們手機上呈現的一條線，一個面，一張圖像都是由最小的單位像素來表示的，你也可以簡單理解為是由一個個小方塊組成的。看看下面這張圖你就明白了。
所以呢，解析度1920px*1080px的意思就是，在這個華為榮耀7的5.2英寸屏幕上，在豎向的高度上有1920個像素塊，在橫向的寬度上有1080個像素塊。
你可能注意到了，手機的屏幕是個長方形，高是1920px，寬是1080px。你稍計算就會發現，這個高和寬的比例是16:9的。說到16:9這個比例，經常看視頻的同學一定就不陌生了。手機屏幕有各種解析度比，這個比你也可以看作是手機屏幕的尺寸比。根據百度百科顯示，手機解析度之所以表示成1920px*1080px這種形式，也是為了方便表示手機屏幕的大小。這裡的大小，應該指的就是手機屏幕的尺寸吧。其實，告訴你一個手機的解析度，你真的就能計算出手機屏幕的尺寸嗎？那麼，還差什麼條件才能計算出手機屏幕的尺寸呢？
屏幕像素密度，即每英寸屏幕所擁有的像素數，英文簡稱PPI。在讀到這個每英寸屏幕時，我曾經深深的疑惑，這個每英寸是不是每平方英寸的簡稱呢？事實證明，我還是太年輕，這個英寸跟之前手機屏幕的尺寸一樣，也是對角線的長度。所以，我們可以這麼理解屏幕像素密度，即在一個對角線長度為1英寸的正方形內所擁有的像素數。說到這裡，大家可能還是有些疑惑的，沒事，接著看下面。
這三個專業名詞之間，有著非常嚴謹的關係。為啥說嚴謹呢，因為這三者之間，有一個公式可以表示。
這個公式真是簡單明了，把很多疑問都給我們解決了。我們還是拿華為榮耀7手機為例，我們知道它的尺寸為5.2英寸，解析度為1920px*1080px（1920px就是公式裡的縱向，1080px就是公式裡的橫向了）。你不信的話就用公式算一下，最後得出的PPI，是不是就是424ppi。我算了一下，結果是423.6359942465958，懂得四捨五入的同學就知道424是個近似值了。
我先這麼說一句，像素是沒有實際的物理尺寸的。為啥呢，按照慣例，舉個例子。
上面的這兩張圖，第一張是蘋果6手機的屏幕參數，第二張還是出鏡率最高的華為榮耀7的屏幕參數。大家注意看，這兩個手機的解析度都是1920px*1080px。但是，蘋果手機的屏幕尺寸比華為榮耀7小了0.2英寸。又一個但是，蘋果手機的屏幕像素密度（PPI）卻比華為榮耀7高了45個PPI，也就是每英寸像素個數多了45個。這說明了啥？說明了同樣的一英寸的長度，蘋果手機用469個ppi來顯示，華為只用了424個ppi來顯示。你能告訴我哪個手機的顯示效果更加精細嗎？同樣是一英寸，同樣都是像素，為啥蘋果手機一英寸有469個像素，華為只有424個呢？我們知道，英寸是長度單位，它有固定的物理尺寸。那麼問題就只能出在了像素身上。這說明，像素這個東西，在蘋果手機上變小了。所以，像素這個東西，就像金箍，能變大能變小。
你錯啦，要是這麼簡單，我寫這篇文章有個卵用？其實類，在同一個設備上，它的像素個數是固定的，這是廠商在出廠時就設置好了的。只有不同的設備之間，才有像素大小的區別。既然在同一個設備上，像素點數早就設定好了，那電腦上可以調整解析度是怎麼回事？我再怎麼調，像素點數還是那麼多啊。
人家系統給你推薦的是1366px*768px的解析度，你知道意味著什麼嗎？沒錯，微軟在這塊屏幕上橫向設置了768個像素，豎向設置了1366個像素。再怎麼拉扯，這個數字是不會變了。那麼，為啥我還能調整解析度呢？我要是調整到800px*600px，按照定義，橫向就是600個像素，豎向就是800個像素了啊。其實呢，你把解析度調成800*600，系統就會分配給你800*600個有效像素個數，也就是真實的色彩塊。其他的個數呢，就由系統自作主張，通過一系列運算給你一個模擬色彩塊，填充成正好1366*768個色彩塊。這些拿來充數的像素塊，和真實的像素塊放到一起。就好比一個正規軍，裡面摻了很多雜牌軍一樣，只能是隊伍不好帶了。
要回答這個問題，就要先明白，一個像素到底包含了什麼？一個像素其實就是一個色彩塊，你不信的話，就去前面看看那張風雨雷電圖。同樣的一英寸，蘋果手機能展示469個色彩，華為只能展示424個色彩，當然是蘋果手機的顯示效果更好了。也就是蘋果6在出廠時，早就在屏幕上設置了同樣個數更小的像素塊，也就意味著可以顯示更多的色彩。
屏幕的清晰程度其實是解析度和尺寸大小共同決定，用ppi指數衡量屏幕清晰程度更加準確。
廢話，看公式啊。
廢話，看公式啊。還有，蘋果6和榮耀7的例子還很鮮活的擺在這呢。
廢話，看公式啊。
鑑於篇幅太長，我本來還想把安卓手機上app的圖標顯示問題說一說，看來只能留到下一次了。
本文作者：產品經理馬忠信
本文摘自：http://www.jianshu.com/p/c3387bcc4f6e