RGB图像与RGBA图像有什么区别

RGB图像与RGBA图像有什么区别

引用

CSDN

1.

https://blog.csdn.net/m0_48241022/article/details/143939466

RGB和RGBA图片的主要区别在于是否包含透明度通道（Alpha 通道）。

RGB 图片

• 全称：Red, Green, Blue（红、绿、蓝）
• 通道数：3
• 用途：用红、绿、蓝三种颜色的强度值（通常范围为 0-255 或 0.0-1.0）来混合表示一个像素的颜色。
• 特点：适用于不需要透明度的图片，例如照片或不涉及透明部分的图形。
• 存储方式：
• 每个像素由 3 个值表示，分别对应红、绿、蓝通道的强度。

RGBA 图片

• 全称：Red, Green, Blue, Alpha（红、绿、蓝、透明度）
• 通道数：4
• 用途：与 RGB 类似，但多了一个Alpha 通道，表示像素的透明度。
• Alpha 值范围：
• 0：完全透明
• 1 或 255（取决于表示方式）：完全不透明
• 中间值表示部分透明。
• 特点：适用于需要处理透明或半透明效果的图像，比如图标、UI 元素、网页设计。
• 存储方式：
• 每个像素由 4 个值表示，前 3 个为红、绿、蓝通道的强度，第 4 个为透明度值。

举例

RGB

像素值：(255, 0, 0)
解释：红色像素，完全不透明。

RGBA

像素值：(255, 0, 0, 128)
解释：红色像素，透明度为 50%。

使用场景

• RGB：适用于没有透明需求的场景，如自然照片、背景图片等。
• RGBA：适用于需要透明效果的场景，如 PNG 图像、游戏纹理、UI 图标等。

图像格式支持

• RGB支持的格式：JPEG、BMP、部分 PNG。
• RGBA支持的格式：PNG、WebP、GIF（仅部分支持透明）。

总结：RGBA 是在 RGB 的基础上增加了透明度信息，可以表示更复杂的视觉效果。

RGB 是 24-bit 图，RGBA 是 32-bit 图

RGB 图像

• 每个像素由红 (R)、绿 (G)和蓝 (B)三个通道组成。
• 每个通道通常占用 8 位（即 1 个字节），三个通道加起来就是24 位。
• 每个像素的存储结构：

R (8位) + G (8位) + B (8位) = 24位

表示的颜色数量： 2^24=16,777,216 种颜色 (约 1677 万种)

RGBA 图像

• 在 RGB 的基础上增加了一个Alpha 通道 (A)，表示像素的透明度。
• 每个通道仍占用 8 位，四个通道加起来就是32 位。
• 每个像素的存储结构：

R (8位) + G (8位) + B (8位) + A (8位) = 32位

表示的颜色数量： 2^32=4,294,967,296 种颜色 (约 42 亿种，包含透明度信息)

总结

• RGB 图像是24-bit，只包含颜色信息，没有透明度信息。
• RGBA 图像是32-bit，包含颜色和透明度信息。
• 如果 Alpha 通道全部设置为不透明（值为 255），RGBA 图像可以退化为 RGB 图像。

如何将RGBA图像转换为RGB图像

忽略 Alpha 通道

• 如果不需要透明度信息，可以直接丢弃 Alpha 通道。
• 代码示例：

from PIL import Image
# 打开 RGBA 图像
rgba_image = Image.open("image_with_alpha.png")
# 转换为 RGB（忽略 Alpha 通道）
rgb_image = rgba_image.convert("RGB")
# 保存结果
rgb_image.save("image_rgb.png")

修改RGBA图像的透明度（代码）

# 打开 RGBA 图像
rgba_image = Image.open("../people_fish.jpg")
# 分离 RGBA 图像的各个通道
r, g, b, a = rgba_image.split()
# 设定一个新的透明度 (0-255)，例如这里将透明度调整为 128（半透明）
new_alpha = a.point(lambda p: p * 0.5)  # 0.5 代表透明度调整为 50%
# 将调整后的 alpha 通道与原始的 r, g, b 通道重新合并
rgba_image_with_new_alpha = Image.merge("RGBA", (r, g, b, new_alpha))
# 保存调整后的图像
rgba_image_with_new_alpha.save("image_with_new_alpha.png")

代码解释：

1. 分离 RGBA 图像的通道：使用
   split()
   方法将图像的红、绿、蓝、透明度（alpha）通道分离。
2. 修改透明度：
   a.point(lambda p: p * 0.5)
   调整 alpha 通道的透明度为原来的一半。
   0.5
   是透明度的因子，你可以根据需要调整这个值。
3. 合并修改后的透明度与其他通道：使用
   Image.merge()
   将修改后的 alpha 通道与其他通道（红、绿、蓝）重新合并。
4. 保存图像：最后，保存修改后的图像。

自定义透明度：

• 0：完全透明
• 255：完全不透明
• 你可以根据需求调整透明度的因子，例如
  0.2
  代表 20% 不透明，
  0.8
  代表 80% 不透明，等等。

代码运行结果：
原图（左）与修改透明度之后的图（右）对比：