像素到底是什么?

像素到底是什么?

# 像素的认知,初识:

  • 像素是位图或光栅图像组成的最小单元,从某些程度上说,它不是你看到的一个小方块或广为流传的一个”点”,当然你也可以这样理解,但只能会让自己的元知识越来越糟,所以有必要花一点时间更深入的了解一下。

  • 可以脑补一下它的形状,现在你可能想到的是色彩缤纷的小方块?从现在开始,我们需要改变一下对它的认知,把它看作是一串数列,对于程序员们来讲,比特(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像素

Read More