Computing · Year 9 · Computer Systems and Architecture · Spring Term

Representing Images in Binary

Students will understand how images are stored as pixels and converted into binary data.

• National Curriculum Attainment Targets
• KS3: Computing - Data Representation
• KS3: Computing - Binary and Digitisation

About This Topic

Representing images in binary shows students how computers store visual information as numerical data. Images break into a grid of pixels, with each pixel's colour value converted to binary code. Year 9 pupils start with black and white images using 1 bit per pixel, where 0 represents black and 1 represents white. They then explore higher bit depths, such as 8 bits for 256 grayscale shades or 24 bits for full colour through RGB channels. This content aligns with KS3 Computing standards on data representation and binary digitisation.

Pupils address key questions by analysing how increasing bit depth improves image quality but multiplies file size, since each extra bit per pixel adds storage demands. They explain conversion processes: scan the image left to right, top to bottom, and record binary for each pixel. They also predict that higher resolution, with more pixels, requires proportionally more space. These activities build skills in computational thinking and data efficiency.

Active learning suits this topic well. When students create pixel art on graph paper, encode it in binary, and decode it back to images, they directly experience digitisation. Group comparisons of different bit depths make abstract trade-offs concrete and memorable.

Key Questions

1. Analyze how changing the bit depth affects the quality and file size of a digital image.
2. Explain the process of converting a simple black and white image into binary data.
3. Predict the impact of increasing image resolution on storage requirements.

Learning Objectives

• Calculate the file size of a black and white image given its resolution and bit depth.
• Compare the visual quality of images represented with different bit depths (e.g., 1-bit vs. 8-bit grayscale).
• Explain the process of converting a simple pixel grid into binary data for image storage.
• Design a small pixel art image and represent it using binary code.
• Analyze the relationship between image resolution, bit depth, and total data storage requirements.

Before You Start

Introduction to Binary Numbers

Why: Students need a foundational understanding of how binary numbers work and how to convert simple decimal numbers to binary.

Basic Computer Hardware Concepts

Why: Understanding that computers store information digitally helps contextualize the need for data representation methods like binary for images.

Key Vocabulary

Pixel	The smallest controllable element of a picture represented on a screen. Images are made up of many pixels arranged in a grid.
Bit Depth	The number of bits used to represent the color of a single pixel. Higher bit depth allows for more colors or shades.
Resolution	The number of pixels in an image, typically expressed as width times height (e.g., 1920x1080 pixels).
Binary	A number system that uses only two digits, 0 and 1. Computers use binary to represent all data, including images.

Watch Out for These Misconceptions

Common Misconception

Computers store images as miniature pictures rather than numbers.

What to Teach Instead

Images are grids of binary numbers representing pixel colours. Hands-on encoding of graph paper drawings to binary, followed by decoding, lets students rebuild visuals from numbers and see the digitisation process clearly.

Common Misconception

Increasing bit depth has little effect on file size.

What to Teach Instead

Each bit added per pixel doubles colour options and storage per pixel. Group comparisons of real images at different depths quantify the growth, helping students calculate and visualise the trade-offs.

Common Misconception

Binary only works for black and white images.

What to Teach Instead

Colour images use multiple bits per pixel or RGB channels in binary. Activities splitting colours into red, green, blue binary values, then recombining, show the extension through peer verification.

Active Learning Ideas

Pairs Task: Pixel to Binary Conversion

Students draw simple 8x8 black and white images on graph paper. In pairs, they convert each row to an 8-bit binary string, then exchange and decode the partner's binary to recreate the image. Discuss any errors in encoding.

30 min·Pairs

Small Groups: Bit Depth Experiments

Provide images at 1-bit, 8-bit, and 24-bit depths using free software like Paint or online tools. Groups calculate theoretical file sizes (pixels x bits / 8), view quality differences, and debate uses for each depth.

45 min·Small Groups

Whole Class: Resolution Predictions

Display images at 100x100, 200x200, and 400x400 pixels. Class calculates storage needs together (width x height x bit depth / 8), then checks actual file sizes from sample files.

25 min·Whole Class

Individual Challenge: Custom Image Sizing

Students design a 16x16 colour image, choose bit depth, predict file size, create it in an editor, and verify the actual size. Note quality adjustments made.

35 min·Individual

Real-World Connections

• Digital artists and graphic designers use software like Adobe Photoshop to manipulate images, understanding how bit depth affects file size and color fidelity for web or print.
• Video game developers must carefully manage image assets, balancing high-resolution textures and color depth with the storage and processing power of consoles and PCs.
• Medical imaging technicians create and store X-rays and MRI scans, where precise color representation and large file sizes are critical for diagnosis.

Assessment Ideas

Quick Check

Present students with a 4x4 grid representing a black and white image. Ask them to assign a binary value (0 for black, 1 for white) to each pixel and write the resulting binary string. Then, ask: 'If this were an 8-bit grayscale image, how many more bits would each pixel need?'

Exit Ticket

Provide students with a prompt: 'Imagine you have a 10x10 pixel image. If you increase the bit depth from 1-bit to 2-bit, explain how the file size changes and why.' Collect responses to gauge understanding of the relationship between bit depth and storage.

Discussion Prompt

Facilitate a class discussion using the question: 'Why might a photographer choose to save a photo in a format with lower bit depth, even if it means slightly less color detail?' Guide students to consider trade-offs like file size for storage and transmission.

Frequently Asked Questions

How do you teach representing images in binary to Year 9 students?

Start with graph paper pixel grids for black and white images, converting to 1-bit binary row by row. Progress to colour by assigning bits to RGB channels. Use software to show real file sizes and quality changes. Key questions on bit depth and resolution guide analysis, with calculations reinforcing data concepts. (62 words)

What is bit depth and how does it affect images?

Bit depth is the number of bits per pixel, determining colour options: 1 bit for black/white, 8 bits for 256 grayscales, 24 bits for 16 million colours. Higher depth improves quality but increases file size linearly per pixel. Students experiment with examples to see smooth gradients versus posterisation. (68 words)

How does image resolution impact storage requirements?

Resolution is pixel count (width x height); doubling both quadruples pixels and storage for fixed bit depth. A 100x100 image at 1 bit needs 1,250 bytes uncompressed, while 200x200 needs 5,000. Prediction activities with formulas help students grasp scaling in computer systems. (64 words)

How can active learning help students understand representing images in binary?

Active tasks like drawing pixel art, encoding to binary strings, and decoding partner work make abstract data tangible. Group bit depth comparisons reveal quality-size trade-offs through direct observation. Resolution calculations with real tools build prediction skills. These methods boost engagement and retention by connecting theory to creation. (71 words)