Curatorial essay · 06 of 12
Before the Image Was Whole
How file formats learned to negotiate with human attention
Slow images were not simply delayed objects. Their order of arrival shaped recognition, suspense and the choice to stay.
Opening scene
A photograph begins as a narrow strip of sky. More rows arrive: roof, window, forehead. The subject is still unknown. On another page, a blocky arrangement of colour appears across the full rectangle almost immediately. It is ugly but recognisable. Both files require the same eventual data. One withholds the whole until the path reaches it; the other offers a rough whole and asks whether detail is worth the remaining time.
Image loading is usually discussed as performance, but it is also composition across time. File formats and decoders decide which visual facts can appear first. Under slow transfer, that order becomes editorial. A visitor may leave before the final byte, so early data carries disproportionate responsibility. The incomplete image is not merely a broken version of the finished one. It is an interface between bandwidth and attention.
Rows and suspense
A plain raster reveals location before it reveals identity.
When raster data is delivered in row order, a decoder can paint the portion already available. This makes progress concrete: the boundary between image and blank space moves down the page. Yet the method distributes meaning unevenly. The top may contain background while the lower region contains the object. The viewer knows exactly how much area has arrived and may still know almost nothing about what the picture depicts.
That mismatch made loading itself a small narrative. Portraits assembled forehead before expression; product photographs disclosed backdrop before object; diagrams exposed titles before conclusions. Designers could crop with the sequence in mind, but often the experience was accidental. The file's storage order became the visitor's viewing order because the network was slow enough to let one be perceived as the other.
Seven passes toward clarity
Adam7 sends a sparse whole, then repeatedly fills its gaps.
The PNG specification defines Adam7 interlacing as seven passes through an 8-by-8 repeating pattern. Early passes contain widely spaced pixels; later passes fill the missing positions. The approach does not create information that has not arrived. It selects a transmission order in which a coarse representation spans the image before complete local detail becomes available.
This changes the visitor's earliest question from “how far down has it loaded?” to “what is this?” Recognition can precede resolution. That is valuable because attention can make a decision before the transfer completes. If the image is irrelevant, leaving early saves time. If it matters, the rough preview makes continued waiting intelligible. Interlacing respects the possibility that a person may not grant the file unlimited attention.
Four passes, different machinery
Similar experiences can arise from distinct encoding structures.
The GIF89a specification describes a four-pass interlaced row order. Progressive JPEG, often grouped with these memories, uses different scan-based encoding. Adam7 PNG uses seven spatial passes. The visible family resemblance—a rough or incomplete image refined over time—should not erase their technical differences. Historical interpretation becomes unreliable when a familiar visual effect is allowed to stand in for every mechanism that could produce it.
The distinctions also clarify what an interface reconstruction can claim. A museum animation may preserve the perceptual contrast between sequential rows and a refining whole without pretending to be a bit-exact decoder. Naming the source mechanisms makes that compression honest. The object of the exhibit is not a benchmark of format efficiency. It is the design choice to rearrange arrival so that meaning can precede completeness.
The blurred descendant
Contemporary pages still trade exactness for early meaning.
High-speed networks did not end staged imagery. Responsive image selection, dominant-colour fields, low-quality previews and lazy loading all manage when visual information enters a page. Some reduce transferred data; others stabilise layout or make delay feel continuous. A blurred preview is not Adam7, but it inherits the editorial premise that an approximate whole can be more useful than an exact fragment.
This premise has limits. A placeholder can imply content that changes when the final image arrives. Aggressive loading effects can add distracting motion. Images that matter to understanding need text alternatives that do not depend on visual refinement at all. Designing arrival is therefore not a licence to aestheticise slowness. It is a responsibility to decide which meaning must be available before polish, and to ensure that meaning survives when animation or imagery is unavailable.
Open bibliography
Records consulted
The essay above is original interpretation, not quotation. These records establish its technical mechanisms, representative figures and historical boundaries.
- 01
PNG Specification: Interlaced data order
Defines the seven-pass Adam7 pattern that lets a meaningful whole image appear before every pixel arrives.
- 02
Graphics Interchange Format, Version 89a
The period format specification, including its four-pass interlaced row order. This is mechanically different from progressive JPEG and Adam7 PNG.
- 03
Response Times: The Three Important Limits
A durable summary of the rough thresholds at which interaction feels immediate, continuous or attention-breaking.
- 04
Understanding Success Criterion 2.3.3: Animation from Interactions
Guidance used by this museum to preserve information while reducing non-essential motion.