-
像素是位图或光栅图像组成的最小单元，从某些程度上说，它不是你看到的一个小方块或广为流传的一个”点”，当然你也可以这样理解，但只能会让自己的元知识越来越糟，所以有必要花一点时间更深入的了解一下。
-
可以脑补一下它的形状，现在你可能想到的是色彩缤纷的小方块？从现在开始，我们需要改变一下对它的认知，把它看作是一串数列，对于程序员们来讲，比特(Bit)这个术语应该更贴切，它表示图像中的最小单位，并保存在显存当中。
-
它不一定是方形(一般256色或更少的色位都是方形)，大多数的显示器的
解析度，可以通过计算机系统来调节，比如我们设置成 1.25 : 1 , 每像素的宽度是高度的1.25倍，这时，它可不是一个方形了。 -
一个像素所能表达的色彩深度取决于比特每像素(BPP),这个最大数可以通过
2的色彩深度次幂来计算，比如8bit能表示256种颜色:2^8 = 256，16bit: 2^16 = 65536。色彩深度越高图像色彩越丰富，GIF文件 就是8bit的。 -
PPI（像素每英寸）网页图片中常用的PPI是 72 , 也就是说每英寸中有 72 个像素，
-
DPI（点每英寸）同上，表示每英寸有多少
点, 这个点最早出现在印刷上，点越多精度越高，后来也被应用到数字设备中，但这并不标准，我们完全可以用PPI来表示 -
LPI（线每英寸）每英寸中的网线，构成网线的也是像素。
DPI 与 LPI 大多数应用于印刷当中，这里先不做阐述。
确切的说分辨率有两种，一个指屏幕分辨率，另一个是图像分辨率.
话说回来，它们两个有没有什么本质的区别，只不过场景不一样，所以区分开来比较好。
第一个屏幕分辨率，它是指我们屏幕当中所容纳的像素数量(注意我们上面说过，每个像素不是固定的
在256颜色及更少的色位中它通常是方形的,但我还是建议把它脑补成一串比特(bit)队列),通常分辨率越大
屏幕越清晰细腻(屏幕宽高不变的情况下😢),比如你的最大屏幕分辨率是 1980 * 1080(w:1980个像素，h:1080个像素),
你通过系统配置成了 990 * 550 ，在这种情况下，大部分系统和显示器都会选择让你的像素变大，像素代表一个色值，如果少了这自然影响画质。
第二个图像分辨率，把上面显示屏的概念换成图片就是了，它附属于你当前屏幕的分辨率。
PPI,DPI,LPI 都是描述分辨率的单位，就一张图片而言，
分辨率是指在一定的空间下以特定的单位(PPI,DPI,LPI)所能达到的清晰度，之所以叫分辨率就是这个意味。
像素正是这个空间内的填充物,分辨率在确定屏幕大小的情况下是可以判断清晰度的.
这里不啰嗦，也不排斥传说中的一个点的说法，毕竟我之前也是这样认为的。直接说重点。
毋庸置疑，像素越多消耗的显存也就越多，对于黑白像素(只有黑与白两种颜色)只需要用1bit来表示(即0黑,1白)，但是对于五颜六色的图像来说，需要更复杂的数列.
使用最广泛的就是24位(bit)真彩色,如果想表示一个彩色，需要红(R)，绿(G)，蓝(B)，三种颜色以灰度的形式来表示红绿蓝三种颜色在图像中的比重.
灰度与黑白不同，它可以表示白－黑中过度颜色，而黑白只有0和1两种颜色。灰度通常使用8bit来表示，即 2^8 = 256 个色阶。这样一来，可以使用8bit来表示RGB其中一个颜色
的亮度，占比等信息，如果分成三个量级，即24bit，就是传说中的真彩色，可以控制 RGB 三个通道的不同灰度值，来调节图像的整体颜色。
说到这，我们可以来 PS 当中来体验一下。
三种色值在通道中，都表示为灰度，直到其中任意两者结合之后，开始出现颜色，可它描述的并不完整。2^24 应该可以表达 24 16 777 216 种颜色。 而对于32bit的真彩色，其实是加了8bit来表示图像透明度.
文献：dpr与css像素