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.

01

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.

02

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.

03

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.

04

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.

  1. 01

    World Wide Web Consortium · 1996 · standard

    PNG Specification: Interlaced data order

    Defines the seven-pass Adam7 pattern that lets a meaningful whole image appear before every pixel arrives.

  2. 02

    World Wide Web Consortium archive · 1990 · standard

    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.

  3. 03

    Nielsen Norman Group · 1993–2024 · paper

    Response Times: The Three Important Limits

    A durable summary of the rough thresholds at which interaction feels immediate, continuous or attention-breaking.

  4. 04

    W3C Web Accessibility Initiative · 2023 · standard

    Understanding Success Criterion 2.3.3: Animation from Interactions

    Guidance used by this museum to preserve information while reducing non-essential motion.

Browse the complete research archive →