How does imshow handle the alpha channel with an M x N x 4 input?(Matplotlib)

Matplotlib's imshow() function can handle RGBA images using M×N×4 arrays, where the fourth channel represents the alpha (transparency) values. Let's explore how to create and display images with transparency effects.

Understanding RGBA Format

An M×N×4 array represents an RGBA image where:

• Red channel ? d[:, :, 0]
• Green channel ? d[:, :, 1]
• Blue channel ? d[:, :, 2]
• Alpha channel ? d[:, :, 3] (0=transparent, 255=opaque)

Basic RGBA Image Example

Let's create a simple RGBA image with varying transparency ?

import numpy as np
import matplotlib.pyplot as plt

# Set figure parameters
plt.rcParams["figure.figsize"] = [7.50, 3.50]
plt.rcParams["figure.autolayout"] = True

# Create 100x100 RGBA array (all channels set to 255)
d = np.ones((100, 100, 4), dtype=np.uint8) * 255

# Modify green channel with gradient
d[:, :, 1] = np.linspace(0, 255, num=100)

# Display the image
plt.imshow(d)
plt.title("RGBA Image with Green Gradient")
plt.show()

Alpha Channel Transparency Effect

Here's how to create transparency gradients using the alpha channel ?

import numpy as np
import matplotlib.pyplot as plt

# Create figure with subplots
fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(12, 4))

# Example 1: Horizontal transparency gradient
img1 = np.ones((100, 100, 4), dtype=np.uint8)
img1[:, :, 0] = 255  # Red channel
img1[:, :, 1] = 100  # Green channel  
img1[:, :, 2] = 50   # Blue channel
img1[:, :, 3] = np.linspace(0, 255, 100)  # Alpha gradient

ax1.imshow(img1)
ax1.set_title("Horizontal Alpha Gradient")

# Example 2: Radial transparency effect
img2 = np.ones((100, 100, 4), dtype=np.uint8)
img2[:, :, 0] = 100  # Red
img2[:, :, 1] = 200  # Green
img2[:, :, 2] = 255  # Blue

# Create radial alpha pattern
y, x = np.ogrid[:100, :100]
center_y, center_x = 50, 50
radius = np.sqrt((x - center_x)**2 + (y - center_y)**2)
img2[:, :, 3] = np.clip(255 - radius * 5, 0, 255)

ax2.imshow(img2)
ax2.set_title("Radial Alpha Effect")

plt.tight_layout()
plt.show()

Key Points

Conclusion

The imshow() function automatically handles the alpha channel in M×N×4 arrays, enabling transparency effects. Use the fourth channel to control opacity, creating gradients, masks, or artistic effects in your visualizations.