Pictures Are Numbers
A digital photo is a grid of pixels. Each pixel stores numbers for red, green and blue brightness.
- Define a pixel as one coloured square in a grid
- Explain RGB as three brightness numbers
- Use the pixel grid lab to paint and read values
Topic contents
Lesson 1 of 3
Zoom until you see squares
On a screen, a photo looks smooth. Zoom far in and you see tiny squares of solid colour. Each square is one pixel.
Computers do not store curves and brush strokes the way painters do. They store a table of numbers: for every pixel, how bright is red, green and blue.
Open the pixel grid lab. Click cells and watch RGB values change. You are editing numbers, not magic paint.
Pixel grid
Paint pixels on a grid and read RGB numbers. See how images are tables of colour values.
Pixel painter
Colours are three numbersRGB (255, 0, 0)
Red pixel
Pure red stores 255, 0, 0. Each number is one byte from 0 to 255.
Lesson 2 of 3
RGB in plain words
RGB stands for red, green, blue. Mixing them makes other colours on a glowing screen. Zero means off for that channel. Two hundred fifty-five often means full brightness for eight-bit images.
Black is zero, zero, zero. White is full on all three. Yellow is strong red and green with little blue.
Filters in apps multiply or shift these numbers. A darken filter lowers all three channels. That is maths on the grid.
Lesson 3 of 3
From camera to file
A camera sensor counts light hitting each tiny spot. Those counts become pixel values saved in a file like JPEG or PNG.
More pixels mean more detail but bigger files. Next you will see how screen size and pixel count create sharp or blocky looks.
Keep the lab open. Try drawing a letter A with pixels only. Letters on screens are shapes made of lit squares too.
Practice
Work these out yourself
No answer key here on purpose: these are the questions worth thinking through before you move on. Open one and work it out.
0/3 attemptedAssessment
Check your understanding
Answer each question, then read the explanation. That is where the learning is.
Finished this topic?
0 of 3 lessons marked done. Marking the topic complete ticks the rest.
