Skip to content
Computing · Year 9

Active learning ideas

Representing Images in Binary

Active learning works because students need to see binary as more than abstract ones and zeros. When they convert their own drawn pixels to binary and back, the process becomes visible and meaningful. This hands-on encoding and decoding helps them grasp how computers represent visual data digitally.

National Curriculum Attainment TargetsKS3: Computing - Data RepresentationKS3: Computing - Binary and Digitisation
25–45 minPairs → Whole Class4 activities

Activity 01

Experiential Learning30 min · Pairs

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.

Analyze how changing the bit depth affects the quality and file size of a digital image.

Facilitation TipDuring the Pairs Task: Pixel to Binary Conversion, circulate and ask each pair to explain their binary string to you before they convert it back to pixels to confirm their understanding.

What to look forPresent 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?'

ApplyAnalyzeEvaluateSelf-AwarenessSelf-ManagementSocial Awareness
Generate Complete Lesson

Activity 02

Experiential Learning45 min · Small Groups

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.

Explain the process of converting a simple black and white image into binary data.

Facilitation TipFor Bit Depth Experiments, provide pre-printed colour swatches so groups can focus on counting bits and calculating storage rather than colour selection.

What to look forProvide 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.

ApplyAnalyzeEvaluateSelf-AwarenessSelf-ManagementSocial Awareness
Generate Complete Lesson

Activity 03

Experiential Learning25 min · Whole Class

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.

Predict the impact of increasing image resolution on storage requirements.

Facilitation TipIn Resolution Predictions, display a timer so students complete the grid within the set time to build urgency and focus on the relationship between pixels and detail.

What to look forFacilitate 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.

ApplyAnalyzeEvaluateSelf-AwarenessSelf-ManagementSocial Awareness
Generate Complete Lesson

Activity 04

Experiential Learning35 min · Individual

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.

Analyze how changing the bit depth affects the quality and file size of a digital image.

What to look forPresent 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?'

ApplyAnalyzeEvaluateSelf-AwarenessSelf-ManagementSocial Awareness
Generate Complete Lesson

A few notes on teaching this unit

Start with concrete examples students can touch and see. Use graph paper and coloured pencils so they physically encode images before moving to abstract binary strings. Avoid rushing to definitions; let the activity reveal the need for terms like bit depth and pixels. Research shows this physical-to-abstract sequence improves retention for data representation topics in computing.

Successful learning looks like students confidently converting pixel grids to binary strings and back without prompts. They should explain how increasing bit depth changes colour options and storage requirements. Discussions should include trade-offs between detail and file size with evidence from their experiments.


Watch Out for These Misconceptions

  • During Pairs Task: Pixel to Binary Conversion, watch for students who treat the image as a whole picture rather than a grid of individual pixels.

    Ask each pair to point to the pixel they are converting on the graph paper and explain why that single square is assigned a 0 or 1. Reinforce that the entire image is built from these individual binary decisions.

  • During Bit Depth Experiments, watch for students who assume adding bits only increases colour options without considering storage growth.

    Have groups calculate the total file size for their 4x4 image at 1-bit, 2-bit, and 4-bit depths using a simple formula they derive together. The calculations will make the storage impact visible.

  • During Pairs Task: Pixel to Binary Conversion, watch for students who believe colour images use a single binary number per pixel.

    Challenge pairs to split a simple colour pixel into three separate binary values representing red, green, and blue components. Ask them to decode each channel individually before combining the colours to see the RGB structure.


Methods used in this brief