Home›Lesson Plans›Computer Science›Data & Analysis · Grade 6

How Digital Images Work

Sixth graders learn that every digital photo is really a grid of tiny colored squares called pixels, explore resolution and RGB color, and match each image term to its meaning.

Grade 6How Digital Images Work50 minutes1 class periodCSTA / ISTEExplicit teaching4 StandardsCSTA
Start the Lesson
Assign or share this lesson

Copy link works with Canvas, Schoology, Moodle and any other LMS — paste it in as a resource or assignment.

Lesson at a Glance

Everything you need before the bell rings

Learning Objectives

Students will be able to…

  • ✓Define a pixel.
  • ✓Explain resolution.
  • ✓Describe RGB color.
  • ✓Match each term.
Essential Question

Zoom far into any photo and it breaks into tiny colored squares. What are pixels, and how do they turn a grid of data into a picture?

0
Lesson Phases
0
Vocabulary Terms
0
Standards Aligned
0
Interactive Task
Match the Term · Interactive

Match the Term

Project this and match each digital-image term to what it means — tap a term, then tap its meaning.

🖼️ Match each image term to what it meansTry it
Term
What it means
Tap a term, then tap what it means.
The Lesson · Explicit teaching

50 minutes, five moves

Tap any phase to open the teacher moves and student actions.

1

Hook — Zoom Way In

5 min

Zoom far into any digital photo and the smooth picture breaks into tiny colored squares. What are those squares, and how do they make an image?

👩‍🏫 Teacher Moves

  • Zoom into an image.
  • Ask what the squares are.
  • Set the goal.

🎒 Student Actions

  • Think.
  • Share.
  • Get ready.
2

Use — Match the Term

12 min

Students match each image term to its meaning.

👩‍🏫 Teacher Moves

  • Send students to Match the Term.
  • Match each pair.
  • Note the idea.

🎒 Student Actions

  • Match.
  • Say.
  • Note it.
3

Modify — Build a Pixel Picture

13 min

Students color a pixel grid.

👩‍🏫 Teacher Moves

  • Take a small grid.
  • Color each square (pixel).
  • See the image appear.

🎒 Student Actions

  • Take.
  • Color.
  • See.
4

Create — Resolution Test

15 min

Students compare detail.

👩‍🏫 Teacher Moves

  • Draw the same shape on a small grid and a large grid.
  • Compare the detail.
  • Explain the difference.

🎒 Student Actions

  • Draw.
  • Compare.
  • Explain.
5

Reflect — Pictures as Data

5 min

Students reflect on digital images.

👩‍🏫 Teacher Moves

  • What is a pixel?
  • Why does more resolution mean more detail?
  • Complete the exit ticket.

🎒 Student Actions

  • Say it.
  • Say it.
  • Complete the exit ticket.
Standards Alignment

Built to the standards you report on

Aligned to the CSTA K-12 Computer Science Standards and the ISTE Standards for Students.

CSTA
2-DA-07

Represent data using multiple encoding schemes, such as pixels for images.

CSTA
1B-DA-06

Organize and present collected data to make it useful.

CSTA
2-CS-01

Explain how data is represented and stored in a computing device.

ISTE
3

Understand how data is collected, represented, and stored digitally.

Differentiation

One lesson, every learner

Multilingual Learners

ELL / EMERGING READERS
  • Term + meaning cards.
  • Sentence frame: “A ___ is the smallest ___ .”
  • Match one pair at a time.

Support & Access

IEP / 504
  • Start with pixel and resolution.
  • Color a tiny pixel grid together.
  • Learn one term fully before the next.

Stretch & Extend

GIFTED / EARLY FINISHERS
  • Encode a letter as a black-and-white bitmap.
  • Compare file size to resolution.
  • Explain how RGB values range 0 to 255.
Materials

What to gather

  • 📽️Projector / board
  • 🖼️Pixel-grid worksheets
  • 💻Match the Term
  • 🖍️Colored pencils
  • ✏️Pencils
  • 🎫Exit-ticket slips
Vocabulary

Key terms — hover for a quick definition

pixelthe smallest dot of color in a digital imageresolutionthe number of pixels in an image, which sets its detailRGBa color made by mixing red, green, and blue lightmegapixelone million pixelsbitmapan image stored as a grid of colored pixelsdigital imagea picture stored as data a computer can readdatainformation a computer stores and works withencodeto turn information, like a picture, into data
Evaluate

Exit Ticket

Preview the three formative checks. Tap “Sample answer” to see what mastery looks like — hide them before you print for students.

QUESTION 1
What is a pixel?
The smallest dot of color in a digital image; a picture is a grid of them.
QUESTION 2
Why does higher resolution mean more detail?
More pixels pack more color information into the same picture, so it looks sharper.
QUESTION 3
How does a computer make the color of one pixel?
By mixing amounts of red, green, and blue light (RGB).

Create: a resolution test.

Have students draw the same shape on a small grid and a large grid, compare the detail, and explain why more pixels look sharper, so resolution becomes something they can see. A printable digital-images worksheet is in the Computer Science library.

Study · Flashcards

Study the key terms

Tap a card to flip it, then rate whether you knew it. Built from this lesson’s vocabulary.

🃏 How Digital Images WorkFlip
Card 1
Term
Tap to flip →
Meaning
0

Nice work!

Practice · Quiz

Check your understanding

A quick self-check with instant feedback, drawn from this lesson’s key terms.

📝 How Digital Images WorkQuiz
Score: 0
1 / 6
Question 1
0%

Nice work!

Practice · Worksheet

Printable worksheet

A print-and-go review sheet with a built-in answer key. Tap “Show answer key” to reveal answers, or print the clean version for students.

🖨️ How Digital Images WorkPrint
Name: ________________________
Date: ____________

Part A · Write the word that matches each meaning

Word bank: bitmap, data, digital image, encode, megapixel, pixel, resolution, RGB
  1. one million pixels
  2. an image stored as a grid of colored pixels
  3. information a computer stores and works with
  4. to turn information, like a picture, into data
  5. a color made by mixing red, green, and blue light
  6. a picture stored as data a computer can read
  7. the smallest dot of color in a digital image
  8. the number of pixels in an image, which sets its detail

Part B · Show what you learned

  1. What is a pixel?
  2. Why does higher resolution mean more detail?
  3. How does a computer make the color of one pixel?
Answer key — Part A: 1) megapixel · 2) bitmap · 3) data · 4) encode · 5) RGB · 6) digital image · 7) pixel · 8) resolution
Part B: 1) The smallest dot of color in a digital image; a picture is a grid of them. 2) More pixels pack more color information into the same picture, so it looks sharper. 3) By mixing amounts of red, green, and blue light (RGB).