The Cartographer's First Inked Coastline: On the Necessary Edge of a Web-Ready Image

In 1569, Gerardus Mercator unfurled his world map, a feat of technical compromise that would guide sailors for centuries. His projection famously distorted the size of landmasses—Greenland ballooned, Africa shrunk—but it achieved one revolutionary thing: any straight line on his map was a line of constant bearing, a loxodrome. This was not a true representation of the spherical earth; it was a functional one, a drastic reshaping of raw data into a form that served a specific, urgent purpose: safe navigation across a featureless ocean.

We face a similar act of deliberate, purposeful distortion every time we prepare an image for the web. The raw photograph from our camera, the detailed illustration from our tablet—these are our uncharted, spherical globes. They contain vast territories of pixel data, subtle gradients, and microscopic detail that no sailor, or rather, no user scrolling on a mobile device over a patchy connection, will ever see. To serve them the full, unaltered file is not fidelity; it is cartographical malpractice. It is sending a galleon to sea with a globe instead of a chart.

The Coastline is the Constraint

Mercator’s genius was in knowing what to sacrifice for the sake of the line. Our craft demands we know what visual data to sacrifice for the sake of the load. This is the process of export, of choosing format, dimension, and compression: drawing the inked coastline of the web-ready asset. It is an act of definition, of saying, “Beyond this line of compression, the sea of pixel-perfect detail ends, and the fast-loading page begins.”

We agonize over it. Should we use a next-gen format like AVIF, or settle for the wider seas of JPEG? Do we shave another 5KB through aggressive compression, knowing it might introduce artifacts like faint, muddy archipelagos where smooth gradients once were? This tension is the heart of the craft. The cartographer knew his ink lines were a fiction, a flattening of a complex world. We know our compressed images are a fiction, a reduction of a visual ideal. But both fictions are in service of a greater truth: the map must be usable; the page must be performant.

The parallel holds in the consequences of neglect. A map with too much undifferentiated detail becomes unreadable in a storm. A page laden with unoptimized images becomes unusable on a slow network. The user, like the sailor, is not contemplating the beauty of the untouched territory; they are trying to get somewhere. They need the coastline to be clear, and for the chart to arrive before they are lost. Our historical example reminds us that optimization is not a modern, technical chore. It is an ancient discipline of adaptation—the thoughtful, sometimes painful, translation of a perfect thing into a useful one, so the journey can continue.

Notes & further reading

A few pages I came back to while writing this: