像素
数字图像中最小的可寻址元素。每个像素保存颜色数据，它们的集合构成图像。
像素 (picture element 的缩写) 是数字图像的基本构建单元。在显示器上，每个像素对应一个物理发光元件。在图像数据中，它代表保存单一颜色值的逻辑点。图像的分辨率 (像素尺寸) 以宽度和高度的像素数表示。
每个像素存储的颜色信息量由色深 (位深度) 决定。标准 24 位色彩为红、绿、蓝通道各分配 8 位，产生 16,777,216 种可能的颜色。32 位增加了用于透明度的 Alpha 通道。
- 物理像素与逻辑像素：在 Retina 显示屏上，一个 CSS 像素映射到 2x2 或 3x3 的物理像素网格。
window.devicePixelRatio向 Web 应用暴露此比率 - 子像素：LCD 面板的每个像素由三个 RGB 子像素组成。子像素渲染利用此结构提高文字的表观分辨率
- 像素密度：更高的 PPI (每英寸像素数) 使单个像素对肉眼不可见，产生更平滑的视觉输出
在 Web 开发中，布局以 CSS 像素设计，通过 srcset 和 image-set() 向高密度显示屏传输适当尺寸的图像。理解设备像素和 CSS 像素的区别对于在现代显示硬件上构建响应式、清晰的界面至关重要。