Skip to content

Unit 6 · Lesson 6

Digitizing images

6 steps. Each one is a short story and a question to answer.

When you take a photo with your phone, the picture turns into numbers. How?

Digitization converts ordinary pictures into digital ones. The picture is split into tiny squares called pixels.

It has 3 stages: sampling (split into pixels and measure each one's brightness) then quantization (turn brightness into levels).

And finally encoding: express the values as binary 0s and 1s.

Every square = a pixel
Digitizing an image = sampling, then quantization, then encoding

The smallest unit of a digital image is called a...

Pick an answer

Digitizing images and the pixel

Digitizing an image = sampling, then quantization, then encoding. Digitization converts ordinary pictures into digital ones. The picture is split into tiny squares called pixels. It has 3 stages: sampling (split into pixels and measure each one's brightness) then quantization (turn brightness into levels).

Image resolution

Higher resolution = more clarity + bigger file. Resolution is how fine the pixels are. It is measured in dpi (dots per inch) or in pixel count: vertical × horizontal. Like 600 × 800 or 1080 × 1920 pixels.

Colour depth and image types

1 bit = black and white, 8 bits = 256 greys, 24 bits = 16 million colours. 1 bit = two colours (black and white): a binary image. 8 bits = 256 grey levels: a grayscale image. 24 bits per pixel = 16,777,216 colours: a full-colour image.

Calculating image size

Size = vertical × horizontal pixels × colour bits, then ÷ 8 for bytes. First: number of pixels = 1280 × 720 = 921,600. Second: size in bits = 921,600 × 24 = 22,118,400 bits. Divide by 8 = 2,764,800 bytes.

RGB and CMY colours

RGB = light for screens. CMY = pigment for printers. RGB (red, green, blue): colours of light. Mixing them raises brightness: red + green + blue = white. Screens use it. CMY (cyan, magenta, yellow): colours of pigment. Mixing them darkens. Printers use it.

Bitmap and vector images

Bitmap = pixels and goes jagged. Vector = equations and stays sharp. A bitmap is a grid of pixels; enlarging shows jaggies. It suits photographs, like Photoshop. A vector image is points, lines and equations, staying sharp however much you enlarge. It suits logos, like Illustrator.

Done, see the summary
✕

Digitizing images

Scroll down ↓ to continue

The lesson on one page

Every idea in the lesson with its rule, ready to screenshot and revise from.

  1. 1

    Digitizing images and the pixel

    Digitizing an image = sampling, then quantization, then encoding

  2. 2

    Image resolution

    Higher resolution = more clarity + bigger file

  3. 3

    Colour depth and image types

    1 bit = black and white, 8 bits = 256 greys, 24 bits = 16 million colours

  4. 4

    Calculating image size

    Size = vertical × horizontal pixels × colour bits, then ÷ 8 for bytes

  5. RGB and CMY colours

    RGB = light for screens. CMY = pigment for printers

  6. Bitmap and vector images

    Bitmap = pixels and goes jagged. Vector = equations and stays sharp

Test yourself

One question from every step. Answer and see your score.

Question 1 of 6

The smallest unit of a digital image is called a...

Watch and listen

Quick reel

Unit 6

Learn how an image turns into numbers: pixels, resolution and colour depth, RGB and CMY colours, how to calculate image size, and bitmap versus vector images, in an animated explainer.

Share this lessonWhatsApp

The lesson in writing

The same explanation as the 3D scene, written out for quick review.

Digitizing images and the pixel

Digitizing an image = sampling, then quantization, then encoding. Digitization converts ordinary pictures into digital ones. The picture is split into tiny squares called pixels. It has 3 stages: sampling (split into pixels and measure each one's brightness) then quantization (turn brightness into levels).

Page 130, 131

Image resolution

Higher resolution = more clarity + bigger file. Resolution is how fine the pixels are. It is measured in dpi (dots per inch) or in pixel count: vertical × horizontal. Like 600 × 800 or 1080 × 1920 pixels.

Page 131

Colour depth and image types

1 bit = black and white, 8 bits = 256 greys, 24 bits = 16 million colours. 1 bit = two colours (black and white): a binary image. 8 bits = 256 grey levels: a grayscale image. 24 bits per pixel = 16,777,216 colours: a full-colour image.

Page 131, 132

Calculating image size

Size = vertical × horizontal pixels × colour bits, then ÷ 8 for bytes. First: number of pixels = 1280 × 720 = 921,600. Second: size in bits = 921,600 × 24 = 22,118,400 bits. Divide by 8 = 2,764,800 bytes.

Page 132, 135

RGB and CMY colours

RGB = light for screens. CMY = pigment for printers. RGB (red, green, blue): colours of light. Mixing them raises brightness: red + green + blue = white. Screens use it. CMY (cyan, magenta, yellow): colours of pigment. Mixing them darkens. Printers use it.

Page 133, 134

Bitmap and vector images

Bitmap = pixels and goes jagged. Vector = equations and stays sharp. A bitmap is a grid of pixels; enlarging shows jaggies. It suits photographs, like Photoshop. A vector image is points, lines and equations, staying sharp however much you enlarge. It suits logos, like Illustrator.

Page 133, 139

Questions about this lesson

What is image digitization?
Converting ordinary images into digital ones a computer can store and process, in 3 stages: sampling, quantization and encoding.
What is a pixel?
The smallest unit making up a digital image. The more pixels, the sharper and clearer the image.
How do I calculate image size?
Size in bits = vertical pixels × horizontal pixels × bits per pixel. Divide by 8 for bytes.
What is the difference between bitmap and vector images?
Bitmap is a grid of pixels that gets jagged when enlarged. Vector uses mathematical equations and stays sharp when enlarged, suiting logos.