RGBA
在标准 RGB 色彩空间上增加 Alpha 通道以表示透明度的色彩模型。
RGBA 是每个现代去背景管线都用的四通道色彩模型。RGB 存颜色信息(红、绿、蓝),A 存 Alpha(透明度)。当设计师说「这个 PNG 是 32 位 RGBA」,意思是每个像素有 8 位红、8 位绿、8 位蓝、8 位 Alpha —— 共 32 位每像素。
RGBA 是每个现代去背景管线都用的四通道色彩模型。RGB 存颜色信息(红、绿、蓝),A 存 Alpha(透明度)。当设计师说「这个 PNG 是 32 位 RGBA」,意思是每个 像素有 8 位红、8 位绿、8 位蓝、8 位 Alpha —— 共 32 位每像素。该模型是任何需要透明度图片的事实标准。
继续阅读
RGB 有三个通道(红、绿、蓝),每个像素完全不透明。RGBA 有四个通道(红、绿、蓝、Alpha),支持逐像素透明度。Web 和设计中,任何需要透明度的图片默认用 RGBA。
继续阅读
在 CSS 中,rgba(255, 255, 255, 0.5) 是 50% 不透明白色。Alpha 值范围是 0(完全透明)到 1(完全不透明)。老 CSS 用单独元素的 opacity 属性;现代 CSS 偏好 rgba() 或 hsla() 做逐像素控制。
继续阅读
32 位 PNG 用 RGBA。WebP 用 RGBA。JPG 不用(只 RGB)。PSD 每层支持 RGBA。导出透明图片时,永远选支持 RGBA 的格式,否则 Alpha 会被丢弃。
继续阅读
RGBA 图片比等效 RGB 图片大 33%(4 通道 vs 3 通道)。多数 Web 和设计工作,透明度让这个权衡值得。无需透明度的高分辨 率照片,JPG 或纯 RGB PNG 更小。
RGBA = 红、绿、蓝、Alpha —— 构成 32 位图片的四个 8 位通道。纯 RGB(无 Alpha)是 24 位。
