Alpha 通道
逐像素的透明度数据通道,在 PNG 和 WebP 中实现半透明和平滑抠图效果。
Alpha 通道是与 RGB 并列的第四个通道,用于存储每个像素的透明度信息,对应 RGBA 中的 A。其理论基础由 Porter 和 Duff 在 1984 年发表的 Alpha 合成论文中确立。
Alpha 值范围为 0-255(8 位):
- 0: 完全透明 - 背景完全可见
- 255: 完全不透明 - 像素颜色原样显示
- 1-254: 半透明 - 通过合成运算与背景混合
支持 Alpha 通道的格式:
- PNG: 8 位 Alpha,Web 透明图像的事实标准
- WebP: 有损和无损模式均支持 Alpha
- AVIF: 高压缩率下完整支持 Alpha
- TIFF: 支持多个 Alpha 通道,适用于印刷/DTP 工作流
JPEG 不支持 Alpha 通道,因此需要透明效果时应选择 PNG、WebP 或 AVIF。
在 Web 开发中,Alpha 通道对于透明 Logo、UI 叠加层、图像合成和特效至关重要。与 CSS opacity 统一控制整个元素不同,Alpha 通道可以逐像素指定透明度,实现复杂形状的抠图和边缘平滑的抗锯齿效果。