Grade 9 โ€ข Unit 2: Understanding Digital Images โ€ข Lesson 11 of 32 โ€ข 2 Days

Behind the Image: File Types, Resolution & Visual Hierarchy

๐Ÿ—“๏ธ Before Class: Teacher Prep

๐Ÿ–จ๏ธ Student Handouts (print, one per class day)

Word + picture + definition + a short writing task for that day's vocabulary, in English, Spanish, French, Arabic, and Simplified Chinese.

๐Ÿ–ฅ๏ธ Slide Deck (project or share with students)

Short, on-the-board pacing slides for today's Do Now, agenda, vocabulary, and exit ticket -- the full detail lives in the handout above, not here.

๐Ÿง‘โ€๐Ÿซ Substitute Teacher Guide

A scripted, step-by-step runsheet for today's class -- hand this to anyone covering the room who doesn't know the daily routine.

๐ŸŽฏ Essential Question

๐Ÿ“ˆ Learning Objectives

By the end of this lesson (2 Days), students will be able to:

  1. Distinguish between JPG, PNG, and TIFF file formats and identify a real-world use for each.
  2. Explain why print resolution (DPI) and screen resolution serve different purposes.
  3. Define visual hierarchy and identify the focal point in a printed design.

๐Ÿ“ Standards Alignment

CDOS (Career Development & Occupational Studies)

ACP (Adobe Certified Professional) Photoshop Exam Objectives

๐Ÿ“š Key Vocabulary

JPG
A common, smaller image file that compresses (slightly loses quality) to save space -- most everyday photos.
PNG
An image file that supports transparent backgrounds and loses no quality; common for web graphics.
TIFF
A high-quality, uncompressed file format favored for print and professional photography.
DPI (Dots Per Inch)
A measure of print resolution -- higher DPI means a sharper printed image.
PPI (Pixels Per Inch)
The standard designers actually set: images for the web are saved at 72 PPI, images for print at 300 PPI.
Visual Hierarchy
The intentional arrangement of a design so the eye sees the most important information first.
Focal Point
The place in a design where the eye is drawn first.

๐Ÿงฐ Materials & Tools

๐Ÿง  Do Now (Warm-Up)

What image file types have you heard of before? List as many as you can in 60 seconds.

๐Ÿ“‹ Main Workshop / Lesson Sequence

This lesson spans 2 Days. Suggested pacing:

DayFocusPlan
Day 1File Types & ResolutionDo Now + share-out (5 min). Mini-lesson (10 min): JPG vs. PNG vs. TIFF, and when a designer would pick each. Mini-lesson (10 min): why a poster needs more DPI than a phone screen -- the real numbers designers use are 72 PPI for web and 300 PPI for print. Sorting activity (15 min): match file-format cards to the correct use-case scenario. Quick share (5 min).
Day 2Visual Hierarchy & Focal PointDo Now (5 min): which file format is best for print? For the web? Mini-lesson (12 min): visual hierarchy and focal point, with a printed poster example. Annotation activity (20 min): number the order your eye travels across a printed poster/page, from 1 (first) onward, and highlight the focal point. Exit ticket (8 min).

โœ… Assessment & Exit Ticket

Sorting cards + annotated poster collected and checked against an answer key.

Exit Ticket: Pick one file format from today and explain, in one sentence, why a designer would choose it over the other two.

๐Ÿ“Š Pull up the anonymous Class Check-In for students to fill out before they go.

๐Ÿงฉ Differentiation & Accommodations

English Language Learners: provide translated or bilingual glossaries, visuals, and sentence frames; pair with a peer for meaningful participation. Students with IEPs: provide extended time, step-by-step checklists, and one-on-one or small-group support as specified in each student's plan. Attention-related needs: break the task into smaller steps, use visual timers, and minimize distractions. Students who finish early: extend the task by adding a second design variation, mentoring a classmate, or writing a short reflection connecting today's skill to a career pathway.

๐Ÿ”— Resources & References