Pixel Fundamentals (Lesson)

Ready

Four hands-on lessons: how pixels are stored, how RGB composes color, how image size is computed and how to draw pixels.

Tools

How is a pixel stored?

Hover to inspect each pixel, or click to pin it. Every pixel is stored as 4 bytes in RGBA order.

Downsampled to 8×8; 4 RGBA bytes per pixel, so in memory: 8 × 8 × 4 = 0 bytes

A flat array of R,G,B,A,… The first 32 bytes of this frame (hex):

Note: JPEG/PNG compress; RAW stores these raw values.