DPI 和 PPI 是什麼？

前言：雖然本身已經看過不少關於屏幕相關參數的文章了，本身也在sg上面寫過相關的文章。今天看到的這篇文章，做者言簡意賅，文筆真的比我強的不知道那裏去了，三三兩兩幾句話，就把問題解釋的清清楚楚，這麼好的文章，趕忙收藏起來。

1. DPI 和 PPI 是什麼

DPI 是英文 Dots（點） Per Inch 的縮寫，在最先的時候，這個單位是用來描述打印機的性能的，意思就是這臺打印機最多能用多少個墨點來打印一寸的內容。目前市面上常見的家用黑白打印機廣泛都去到了 600 600 dpi 而家用彩色照片打印機則能去到 5760 1440 dpi。DPI 越高，每英寸內的墨點就越多，你打印出來的東西就會越清晰銳利。

PPI 是英文 Pixels Per Inch 的縮寫，意味每寸能容納多少顆像素，用於描述屏幕的像素密度。咱們上面提到的印刷物以無數多的墨點來構成圖像，而屏幕一樣也是以必定數量的發光點來構成圖像。見過街上那些走紅字的 LED 顯示屏麼？上面的那一顆顆的 LED 燈就是這塊屏幕的發光點，咱們使用的 MacBook 的 Retina 顯示屏的原理也跟這些看起來十分粗糙的走紅字顯示屏是同樣的，只不過 Retina 顯示屏的發光點密度很是高，人眼已經看不出來顆粒感而已。

對於屏幕來講 PPI 是用於描述每英寸發光點數量的，它代表了一塊屏幕發光點密度的高低，這些發光點咱們更常稱之爲像素，一塊屏幕寬高有幾寸是在生產的時候就被定好的，而寬高各能容納下多少顆像素，也是在生產的時候就被定好的，因此咱們所說的 PPI 能夠說是一個物理單位。簡單舉個例子吧，咱們手頭上的 iPhone(6~7) 寬爲 2.3 英寸，高爲 4.1 英寸，根據勾股定理得出這塊屏幕的尺寸（屏幕對角線距離）是 4.7 英寸。同時，iPhone(6~7) 屏幕寬（每行）有 750 個像素（發光點），高（每豎）有 1334 顆像素（發光點）。

2. 分辨率、像素和屏幕尺寸

PPI 說的是像素密度，而分辨率說的是塊屏幕的像素尺寸，譬如說 1334*750 就是 iPhone（6~7）的分辨率，說 iPhone（6~7）的分辨率是 326 是錯誤的表述，326 是它的像素密度，單位是 PPI。

詢問別人一粒像素有多大是一個很是雞賊的問題（當心面試遇到這樣的題），雖然咱們說像素是構成屏幕的發光的點，是物理的，可是像素在脫離了屏幕尺寸以後是沒有大小可言的，你能夠將 1920 * 1080 顆像素放到一臺 40 寸的小米電視機裏面，也能夠將一樣多的像素所有塞到一臺 5.5 寸的 iPhone7 Plus 手機裏面去，那麼對於 40 寸的電視而言，每一個像素顆粒固然會大於 5.5 寸的手機的像素。

因此光看屏幕的分辨率對於設計師來講是不具有多少實際意義的，經過分辨率計算得出的像素密度（PPI）纔是設計師要關心的問題，咱們經過屏幕分辨率和屏幕尺寸就能計算出屏幕的像素密度的。

再次使用 iPhone（6~7）做爲例子。咱們知道該屏幕的橫向物理尺寸爲 2.3 英寸 ，且橫向具備 750 顆像素，根據下面的公式，咱們可以算出 iPhone（6~7）的屏幕是 326 PPI，意爲每寸存在 326 顆像素。

其實不論咱們怎麼除，計算得出來的像素密度（PPI）都會是這個數，寬存在像素除以寬物理長度，高存在像素除以高物理長度，得數都接近於 326。

3. 對設計會形成什麼樣的影響

一塊 326326px 的正方形色塊在一臺 iPhone 7 上面展示出來的物理尺寸將會會是 11 英寸。這是由於該屏幕每英寸能容納 326 顆像素，因此 326px 湊在一塊兒恰好就是 1 英寸。假設咱們能將 iPhone 7 手機屏幕 PPI 調低 50% 變爲 163，色塊仍是 326326px, 這個色塊的物理尺寸會變成 22 英寸，一樣多的像素，看起來卻大了一倍。咦！這是爲啥？

由於咱們的色塊是 326326px 大小的，而這臺 163PPI 的假 iPhone 7 每英寸上面只有 163 顆像素，爲了要展現 326326px 的色塊，它就要多用 1 英寸的屏幕，因此這個色塊在屏幕上面看起來就 「長大了」 一倍。

參考連接：Designer's guide to DPI