0:00 / 8:43
Chapter 1 · The heaviest thing on the page
Chapters
Keyboard
- Space Play or pause
- ← → Back or ahead 5 seconds
- [ ] Previous or next chapter
- C Captions · M Mute · F Full screen
Transcript
Notes for class
- Watch beside What an Image Costs and Raster Formats. Every photo, logo and chart on screen is one of the section's own files, and every byte count is that file's real size.
- The close-ups of the daisy are each format's own decoded pixels, enlarged without smoothing, so the dither of the GIF and the blocks of the quality-10 JPEG are what those files really contain.
- Photographs: “Macro flower wallpaper”, Free Nature Stock, and “Lake Mountain Landscape”, Bonnie Moreland, both CC0, from Wikimedia Commons.
- Page-weight figures: the HTTP Archive Web Almanac 2025, Page Weight chapter.
- The narration is a synthetic voice (ElevenLabs). Timing follows the narration track, so a recorded voice-over can replace it cue for cue using the transcript.
- With Reduce Motion turned on in the operating system, the film keeps its fades and drops the sliding motion.
- Set in Atkinson Hyperlegible Next and Mono, typefaces the Braille Institute designed for readers with low vision.
Take it with you
- Video (MP4, 1080p, 8:43, 15 MB), with English captions built in
- Captions: WebVTT or SRT, for Canvas or YouTube
- Narration script (plain text) with chapter timecodes, for recording your own voice-over