維基百科中的定義：像素，為視頻顯示的基本單位，譯自英文“pixel”，pix是英語(yǔ)單詞picture的常用簡(jiǎn)寫(xiě)，加上英語(yǔ)單詞“元素”element，就得到pixel，故“像素”表示“畫(huà)像元素”之意。它不是一個(gè)確定的物理量，也不是一個(gè)具體的點(diǎn)或者小方塊（盡管可以用點(diǎn)和小方塊來(lái)呈現(xiàn)），而是一個(gè)抽象概念。
對(duì)于一個(gè)像素可以認(rèn)為是由顯示器的一個(gè)個(gè)“點(diǎn)”來(lái)顯示的，比如我們電腦屏幕就是由很多很多的像素點(diǎn)構(gòu)成。因此衡量電腦屏幕分辨率有一個(gè)很重要的物理參數(shù)DPI（dots per inch，每英寸點(diǎn)數(shù)），顯然單位面積中像素的點(diǎn)數(shù)越多，DPI的值也就越大，屏幕展現(xiàn)的細(xì)節(jié)就越多，畫(huà)質(zhì)相對(duì)也就越清晰。
在計(jì)算機(jī)領(lǐng)域，分辨率一般用PPI（pixels per inch），表示每英寸最多可以 呈現(xiàn)的像素個(gè)數(shù)，但是PPI是可以縮寫(xiě)為DPI的，兩者表示都沒(méi)問(wèn)題 。相反在印刷領(lǐng)域，會(huì)經(jīng)常看到DPI這個(gè)參數(shù)，比較早的噴墨式印刷機(jī)噴的都是一個(gè)個(gè)點(diǎn)。
以我電腦為例，用勾股定理求出斜邊2203px，然后除以設(shè)備斜對(duì)角線(xiàn)15.6，最后得出 PPI=141，表示在我電腦上一英寸的直線(xiàn)上可以呈現(xiàn)141個(gè)像素點(diǎn)，一英寸的矩形區(qū)域，可以呈現(xiàn)141*141=19881個(gè)像素點(diǎn)。 同理可以計(jì)算出蘋(píng)果電腦（1440x 900） PPI=127 ，（2560 x 1600） PPI=227 （補(bǔ)充：屏幕的PPI用的是物理分辨率不是邏輯分辨率，所以需要我們先查出屏幕的物理分辨率，那什么是物理分辨率？什么是邏輯分辨率？）
先明確一個(gè)很重要的概念，分辨率有兩種，邏輯分辨率和物理分辨率！！！
邏輯分辨率：電腦中系統(tǒng)可以調(diào)節(jié)的分辨率，這和電腦系統(tǒng)有關(guān)，系統(tǒng)可以控制的分辨率稱(chēng)之為 邏輯分辨率 。 物理分辨率：屏幕出廠(chǎng)就決定了物理分辨率，不管怎么調(diào)節(jié)你電腦屏幕最原始的分辨率是永遠(yuǎn)不會(huì)變的（除非換顯示屏），這是硬件技術(shù)，屏幕最原始的分辨率稱(chēng)之為 物理分辨率 。 （補(bǔ)充：我們平時(shí)所說(shuō)屏幕分辨率，其實(shí)是指系統(tǒng)設(shè)置的邏輯分辨率。當(dāng)邏輯分辨率和物理分辨率匹配一致時(shí)效果最好。Windows中，電腦系統(tǒng)推薦的邏輯分辨率和物理分辨率是相等的。同時(shí)可以看到系統(tǒng)提供了很多分辨率，系統(tǒng)提供最高的邏輯分辨率通常就是設(shè)備物理分辨率。知道物理分辨率和屏幕尺寸，就可以開(kāi)開(kāi)心心的算屏幕PPI了）
但是如果有人問(wèn)你物理分辨率和邏輯分辨率是什么，肯定不能回答，物理分辨率就是屏幕那個(gè)，邏輯分辨率就是操作系統(tǒng)那個(gè)，所以我們需要繼續(xù)打破砂鍋問(wèn)到低。
物理分辨率： 簡(jiǎn)單的理解物理分辨率就是一塊屏幕每英寸最多能呈現(xiàn)的像素點(diǎn)數(shù)。物理分辨率和屏幕尺寸沒(méi)有關(guān)系 ，比如我電腦是15.6寸，分辨率是1920*1080的，但是我手機(jī)只有5.99寸，分辨率也是1920*1080。它不是一個(gè)視覺(jué)單位，簡(jiǎn)單理解是一個(gè)個(gè)的物理像素點(diǎn)，也不能理解為長(zhǎng)度單位。只能用來(lái)描述點(diǎn)的個(gè)數(shù)，不能描述長(zhǎng)度。
剛才計(jì)算了我電腦的PPI=141（每英寸最多可以呈現(xiàn)141個(gè)像素點(diǎn)），現(xiàn)在假設(shè)在我電腦屏幕上切下一塊一英寸的正方形，那么這塊正方形小屏幕最多能呈現(xiàn)141*141=19881個(gè)像素點(diǎn)，這是沒(méi)有任何問(wèn)題的。假如有另一塊一英寸的屏幕，這塊屏幕的做工更加精細(xì)，使用的技術(shù)牛筆，PPI竟然達(dá)到了227，那么這個(gè)一英寸的屏幕最多能呈現(xiàn)的像素點(diǎn)數(shù)就是：227*227=51529個(gè)。所以同樣大小的兩塊屏幕，PPI越大，能呈現(xiàn)的像素點(diǎn)就越多，物理分辨率也就越大。所以說(shuō)PPI是衡量一塊屏幕顯示效果的一個(gè)重要參數(shù)。
而邏輯分辨率和物理尺寸有關(guān)，簡(jiǎn)單理解就是一個(gè)長(zhǎng)度單位，如果往深層次的說(shuō)，這和柵格渲染有關(guān)系。 邏輯分辨率和物理分辨率有一種對(duì)應(yīng)關(guān)系，后面移動(dòng)設(shè)備分辨問(wèn)題我會(huì)解釋。現(xiàn)在繼續(xù)先來(lái)簡(jiǎn)單理解一下，還是用我電腦舉栗子。
我電腦分辨率1920*1080（現(xiàn)在我電腦物理分辨率和邏輯分辨率相等），現(xiàn)在知道PPI=141，能求出我電腦是多少英寸的嗎？底下一片人都在說(shuō)廢話(huà)，你剛才就是用你電腦分辨率和15.6求的PPI=141。如果現(xiàn)在我們有一張1920*1080的壁紙，那么用PS工具什么的，都可以量出144px的長(zhǎng)度就是一英寸。但是這并不能代表1920*1080邏輯分辨率對(duì)應(yīng)的就是15.6英寸的設(shè)備，現(xiàn)在如果在另個(gè)設(shè)備PPI=375，同理可以求出設(shè)備是5.8英寸的，差不多和手機(jī)一樣大，這時(shí)我們需要量出375px，才是一英寸的長(zhǎng)度。 邏輯分辨率可以表示長(zhǎng)度，但是它和設(shè)備的PPI有很大的關(guān)系。
如果你覺(jué)得還是不能理解，可以繼續(xù)看下面的例子： 現(xiàn)在有一張141*141分辨率的圖片，那么在我電腦上這張圖片顯示的大小就是一英寸的矩形，因?yàn)槲译娔X每英寸可以呈現(xiàn)141個(gè)像素點(diǎn)，反過(guò)來(lái)說(shuō)141個(gè)像素點(diǎn)在我電腦上就表現(xiàn)一英寸的大小。現(xiàn)在將這圖片放在另一臺(tái)電腦上，電腦屏幕尺寸和我電腦相同，但是PPI=70。那么圖片在屏幕顯示長(zhǎng)度是幾英尺？2英寸！（如果答對(duì)了，你就可以放過(guò)下面這個(gè)例子，不用看了） 如下圖A屏和B屏，假設(shè)都是一英寸大小，A屏每英寸可以顯示兩個(gè)像素點(diǎn)，B屏可以顯示四個(gè)像素點(diǎn)。現(xiàn)在有一張4*4像素的圖片，在B屏剛好完美呈現(xiàn)，但是在A(yíng)屏想完整顯示，A屏向右需要再加兩個(gè)兩素點(diǎn)，向下再加兩個(gè)像素點(diǎn)。所以在A(yíng)屏上需要兩英寸。
總結(jié)：邏輯分辨率這塊可能是有點(diǎn)不好理解，很抽象，如果糾結(jié)很久還是不清楚，也不用糾結(jié)了，下面實(shí)戰(zhàn)篇會(huì)給出具體的例子。
單從硬件上面看，蘋(píng)果電腦屏幕物理分辨率就已經(jīng)比普通電腦物理分辨率高出很多。當(dāng)然你肯定要說(shuō)為什么要拿蘋(píng)果最好的設(shè)備去比較。我朋友用的是macbook air ，13.3,1440*900，但是畫(huà)面呈現(xiàn)效果依然比普通電腦好很多。屏幕是一個(gè)因素，但是不是絕對(duì)的，屏幕的畫(huà)面顯示效果還和操作系統(tǒng)、顯卡很多因素有關(guān)。蘋(píng)果系統(tǒng)的圖形渲染技術(shù)就是全世界最好的，所以蘋(píng)果屏幕所呈現(xiàn)的畫(huà)質(zhì)自然要比普通屏幕看起來(lái)更細(xì)膩更舒服。
144p (192×144，20幀/秒)，4：3，錄制一分鐘大約1MB； 240p (320×240，20幀/秒)，4：3，錄制一分鐘大約3MB； 360p (480×360，20幀/秒) ，4：3，錄制一分鐘大約7MB； 480p (640×480，20幀/秒)，4：3，錄制一分鐘大約12MB；高清 720p (1280×720，30幀/秒) ， 16:9，錄制一分鐘大約35MB；超清 1080p (1920×1080，30幀/秒) ，16:9 ， 錄制一分鐘大約80MB。藍(lán)光 除此之外還有更高的分辨率： 2K （1152 × 2048） 4K（2304 × 4096）
像素你真的會(huì)嗎？（px、dp、pt、rpx、rem）-移動(dòng)設(shè)備分辨率問(wèn)題
1、像素維基百科 2、A pixel is not a pixel is not a pixel 3、前端工程師需要明白的「像素」 4、Syntax and basic data types 5、像素密度的危機(jī)
每月更新兩篇，質(zhì)量保證！
對(duì)于一個(gè)像素可以認(rèn)為是由顯示器的一個(gè)個(gè)“點(diǎn)”來(lái)顯示的，比如我們電腦屏幕就是由很多很多的像素點(diǎn)構(gòu)成。因此衡量電腦屏幕分辨率有一個(gè)很重要的物理參數(shù)DPI（dots per inch，每英寸點(diǎn)數(shù)），顯然單位面積中像素的點(diǎn)數(shù)越多，DPI的值也就越大，屏幕展現(xiàn)的細(xì)節(jié)就越多，畫(huà)質(zhì)相對(duì)也就越清晰。
在計(jì)算機(jī)領(lǐng)域，分辨率一般用PPI（pixels per inch），表示每英寸最多可以 呈現(xiàn)的像素個(gè)數(shù)，但是PPI是可以縮寫(xiě)為DPI的，兩者表示都沒(méi)問(wèn)題 。相反在印刷領(lǐng)域，會(huì)經(jīng)常看到DPI這個(gè)參數(shù)，比較早的噴墨式印刷機(jī)噴的都是一個(gè)個(gè)點(diǎn)。
以我電腦為例，用勾股定理求出斜邊2203px，然后除以設(shè)備斜對(duì)角線(xiàn)15.6，最后得出 PPI=141，表示在我電腦上一英寸的直線(xiàn)上可以呈現(xiàn)141個(gè)像素點(diǎn)，一英寸的矩形區(qū)域，可以呈現(xiàn)141*141=19881個(gè)像素點(diǎn)。 同理可以計(jì)算出蘋(píng)果電腦（1440x 900） PPI=127 ，（2560 x 1600） PPI=227 （補(bǔ)充：屏幕的PPI用的是物理分辨率不是邏輯分辨率，所以需要我們先查出屏幕的物理分辨率，那什么是物理分辨率？什么是邏輯分辨率？）
先明確一個(gè)很重要的概念，分辨率有兩種，邏輯分辨率和物理分辨率！！！
邏輯分辨率：電腦中系統(tǒng)可以調(diào)節(jié)的分辨率，這和電腦系統(tǒng)有關(guān)，系統(tǒng)可以控制的分辨率稱(chēng)之為 邏輯分辨率 。 物理分辨率：屏幕出廠(chǎng)就決定了物理分辨率，不管怎么調(diào)節(jié)你電腦屏幕最原始的分辨率是永遠(yuǎn)不會(huì)變的（除非換顯示屏），這是硬件技術(shù)，屏幕最原始的分辨率稱(chēng)之為 物理分辨率 。 （補(bǔ)充：我們平時(shí)所說(shuō)屏幕分辨率，其實(shí)是指系統(tǒng)設(shè)置的邏輯分辨率。當(dāng)邏輯分辨率和物理分辨率匹配一致時(shí)效果最好。Windows中，電腦系統(tǒng)推薦的邏輯分辨率和物理分辨率是相等的。同時(shí)可以看到系統(tǒng)提供了很多分辨率，系統(tǒng)提供最高的邏輯分辨率通常就是設(shè)備物理分辨率。知道物理分辨率和屏幕尺寸，就可以開(kāi)開(kāi)心心的算屏幕PPI了）
但是如果有人問(wèn)你物理分辨率和邏輯分辨率是什么，肯定不能回答，物理分辨率就是屏幕那個(gè)，邏輯分辨率就是操作系統(tǒng)那個(gè)，所以我們需要繼續(xù)打破砂鍋問(wèn)到低。
物理分辨率： 簡(jiǎn)單的理解物理分辨率就是一塊屏幕每英寸最多能呈現(xiàn)的像素點(diǎn)數(shù)。物理分辨率和屏幕尺寸沒(méi)有關(guān)系 ，比如我電腦是15.6寸，分辨率是1920*1080的，但是我手機(jī)只有5.99寸，分辨率也是1920*1080。它不是一個(gè)視覺(jué)單位，簡(jiǎn)單理解是一個(gè)個(gè)的物理像素點(diǎn)，也不能理解為長(zhǎng)度單位。只能用來(lái)描述點(diǎn)的個(gè)數(shù)，不能描述長(zhǎng)度。
剛才計(jì)算了我電腦的PPI=141（每英寸最多可以呈現(xiàn)141個(gè)像素點(diǎn)），現(xiàn)在假設(shè)在我電腦屏幕上切下一塊一英寸的正方形，那么這塊正方形小屏幕最多能呈現(xiàn)141*141=19881個(gè)像素點(diǎn)，這是沒(méi)有任何問(wèn)題的。假如有另一塊一英寸的屏幕，這塊屏幕的做工更加精細(xì)，使用的技術(shù)牛筆，PPI竟然達(dá)到了227，那么這個(gè)一英寸的屏幕最多能呈現(xiàn)的像素點(diǎn)數(shù)就是：227*227=51529個(gè)。所以同樣大小的兩塊屏幕，PPI越大，能呈現(xiàn)的像素點(diǎn)就越多，物理分辨率也就越大。所以說(shuō)PPI是衡量一塊屏幕顯示效果的一個(gè)重要參數(shù)。
而邏輯分辨率和物理尺寸有關(guān)，簡(jiǎn)單理解就是一個(gè)長(zhǎng)度單位，如果往深層次的說(shuō)，這和柵格渲染有關(guān)系。 邏輯分辨率和物理分辨率有一種對(duì)應(yīng)關(guān)系，后面移動(dòng)設(shè)備分辨問(wèn)題我會(huì)解釋。現(xiàn)在繼續(xù)先來(lái)簡(jiǎn)單理解一下，還是用我電腦舉栗子。
我電腦分辨率1920*1080（現(xiàn)在我電腦物理分辨率和邏輯分辨率相等），現(xiàn)在知道PPI=141，能求出我電腦是多少英寸的嗎？底下一片人都在說(shuō)廢話(huà)，你剛才就是用你電腦分辨率和15.6求的PPI=141。如果現(xiàn)在我們有一張1920*1080的壁紙，那么用PS工具什么的，都可以量出144px的長(zhǎng)度就是一英寸。但是這并不能代表1920*1080邏輯分辨率對(duì)應(yīng)的就是15.6英寸的設(shè)備，現(xiàn)在如果在另個(gè)設(shè)備PPI=375，同理可以求出設(shè)備是5.8英寸的，差不多和手機(jī)一樣大，這時(shí)我們需要量出375px，才是一英寸的長(zhǎng)度。 邏輯分辨率可以表示長(zhǎng)度，但是它和設(shè)備的PPI有很大的關(guān)系。
如果你覺(jué)得還是不能理解，可以繼續(xù)看下面的例子： 現(xiàn)在有一張141*141分辨率的圖片，那么在我電腦上這張圖片顯示的大小就是一英寸的矩形，因?yàn)槲译娔X每英寸可以呈現(xiàn)141個(gè)像素點(diǎn)，反過(guò)來(lái)說(shuō)141個(gè)像素點(diǎn)在我電腦上就表現(xiàn)一英寸的大小。現(xiàn)在將這圖片放在另一臺(tái)電腦上，電腦屏幕尺寸和我電腦相同，但是PPI=70。那么圖片在屏幕顯示長(zhǎng)度是幾英尺？2英寸！（如果答對(duì)了，你就可以放過(guò)下面這個(gè)例子，不用看了） 如下圖A屏和B屏，假設(shè)都是一英寸大小，A屏每英寸可以顯示兩個(gè)像素點(diǎn)，B屏可以顯示四個(gè)像素點(diǎn)。現(xiàn)在有一張4*4像素的圖片，在B屏剛好完美呈現(xiàn)，但是在A(yíng)屏想完整顯示，A屏向右需要再加兩個(gè)兩素點(diǎn)，向下再加兩個(gè)像素點(diǎn)。所以在A(yíng)屏上需要兩英寸。
總結(jié)：邏輯分辨率這塊可能是有點(diǎn)不好理解，很抽象，如果糾結(jié)很久還是不清楚，也不用糾結(jié)了，下面實(shí)戰(zhàn)篇會(huì)給出具體的例子。
單從硬件上面看，蘋(píng)果電腦屏幕物理分辨率就已經(jīng)比普通電腦物理分辨率高出很多。當(dāng)然你肯定要說(shuō)為什么要拿蘋(píng)果最好的設(shè)備去比較。我朋友用的是macbook air ，13.3,1440*900，但是畫(huà)面呈現(xiàn)效果依然比普通電腦好很多。屏幕是一個(gè)因素，但是不是絕對(duì)的，屏幕的畫(huà)面顯示效果還和操作系統(tǒng)、顯卡很多因素有關(guān)。蘋(píng)果系統(tǒng)的圖形渲染技術(shù)就是全世界最好的，所以蘋(píng)果屏幕所呈現(xiàn)的畫(huà)質(zhì)自然要比普通屏幕看起來(lái)更細(xì)膩更舒服。
144p (192×144，20幀/秒)，4：3，錄制一分鐘大約1MB； 240p (320×240，20幀/秒)，4：3，錄制一分鐘大約3MB； 360p (480×360，20幀/秒) ，4：3，錄制一分鐘大約7MB； 480p (640×480，20幀/秒)，4：3，錄制一分鐘大約12MB；高清 720p (1280×720，30幀/秒) ， 16:9，錄制一分鐘大約35MB；超清 1080p (1920×1080，30幀/秒) ，16:9 ， 錄制一分鐘大約80MB。藍(lán)光 除此之外還有更高的分辨率： 2K （1152 × 2048） 4K（2304 × 4096）
像素你真的會(huì)嗎？（px、dp、pt、rpx、rem）-移動(dòng)設(shè)備分辨率問(wèn)題
1、像素維基百科 2、A pixel is not a pixel is not a pixel 3、前端工程師需要明白的「像素」 4、Syntax and basic data types 5、像素密度的危機(jī)
每月更新兩篇，質(zhì)量保證！