像素这个玩意,相信手机或电脑玩了有一段时间都会有一定的了解,买手机的时候也是个必看参数,下面的我向在家介绍4种像素,分别是物理像素、css像素、设备独立像素、位图像素,就当是前段时间学习前端的一个小小的总结吧。
1.物理像素:
一个物理像素占据的实际屏幕尺寸在不同设备上是不一样的,设备出厂时,该款设备所包含的物理像素的点数和一个物理像素所占据的实际屏幕尺寸是不会变的,通俗的来说,比如我们的用的电脑和手机屏幕上一共有多少像素格,一般这都是定死的,没法改变。
2.css像素:
CSS像素是Web开发中的概念,web开发者使用的最小单位
,独立于设备的用于逻辑上衡量像素的单位,我们在做网页时用到的CSS像素单位,是抽象的,而不是实际存在的。一个css像素最终一定会转成物理像素去屏幕上呈像。一个css像素占据多少个物理像素和屏幕的特性 用户的缩放行为有关。当放大的时候,css像素占据更多的物理像素、缩小时,css占据更少的物理像素。
3.设备独立像素:
4.位图像素:
位图是由像素(Pixel)
组成的,像素是位图最小的信息单元,存储在图像栅格中。 每个像素都具有特定的位置和颜色值。按从左到右、从上到下的顺序来记录图像中每一个像素的信息,如:像素在屏幕上的位置、像素的颜色等。位图图像质量是由单位长度内像素的多少来决定的。单位长度内像素越多,分辨率越高,图像的效果越好。(
这段话来自百度百科)
再结合自己的知识说一下,图片一共分为2大类型,一种是位图(放大后可以看到像素点,图片会失帧),别一种则是矢量图(不是由像素点组成,放大后不会失帧)。位图像素与物理像素一比一时,图片才能完美清晰的展示。如果要还要更进入一歩的了解像素,请自行百度,这里我就不再做过多的阐述。