像素和分辨率

像素

中文全稱是圖像元素，英文為Pixel，簡寫為PX.我們人眼所看到的圖像都是由一個個尺寸微小的色點組成的，例如下圖，就是由一個個色點（純色）組成的，這些色點就是像素。也就是說像素是記錄圖像的基本單位。像素點非常的小，只有放大到很高的層級才能看到像素點。像素的大小是會變的，會隨著分辨率的大小改變（不懂的看下面分辨率概念）

分辨率

分辨率分為圖像分辨率和顯示/屏幕分辨率

屏幕分辨率（dpi):

是指屏幕圖像的精密度，也就是顯示器所能顯示的像素有多少。分辨率越高，像素點也就也多，圖像就越清晰。

圖像分辨率（ppi):

是指每英寸圖像內的像素點數。分辨率越高，像素點的密度越高，圖像越逼真。電子設備常用分辨率為72，印刷常用設備分辨率為300。

像素和分辨率的關系

像素（個數）=分辨率x英寸

例如：

要在一張A4（11.69英寸X 8.27英寸）的紙上打印一幅畫，分辨率為300ppi。那在軟件中需要建立多大的畫布呢？

長：11.69 X 300=3509（像素）

寬：8.27 X 300=2481（像素）

我們平時在壓縮圖片的時候是保持可視畫面尺寸不變，分辨率降低，像素點就變大，圖片的質量變低。分辨率升高，像素點就變小，圖片也越清晰。所以像素的大小會隨著分辨率的改變而改變。

Web常用尺寸

UI設計分辨率：72ppi

常用分辨率表示方法：屏幕X軸上的像素值x Y軸上的像素值。目前普遍最小的電腦顯示器分辨率為：1024x768。因此設計時寬度通常要小於等於1024px，常用的寬度有1000px，980px，960px，940px。

APP常用尺寸

紙媒常用尺寸

常用分辨率：300ppi

廣告牌，易拉寶的分辨率可適當降低到150ppi或其他的分辨率。

ui入門基礎知識：像素和分辨率的認識