Image Compression Lab

Every setting from The colour ceiling hiding in JPEG, WebP and AVIF, side by side with the lossless original: 35 settings across WebP, JPEG, AVIF and JPEG XL, on one 4K screenshot from Outbound. The post explains what you're looking at and how the host chose.

7.49 MBthe original PNG
112 KBthe copy most readers get
65×smaller
76.9SSIMULACRA 2: high quality

Compare every setting

Thirty-five settings, each with the lossless original on the left. Pick a region on the map, then press and hold any right-hand image (or focus it and hold Space) to swap the original into the same spot. Flicking between the two in place shows differences far better than looking side to side. Sharp shows each pixel as a block when zoomed; Smooth blends them as a browser normally does. ☆ Shortlist on any row collects settings to compare; Show: Shortlist hides the rest. The shortlist is kept in your browser only.

The whole Outbound screenshot: a fire lookout tower on a rocky hillside, a red camper van at bottom right, health gauges at bottom left and a compass along the top. Five outlined regions can be chosen.

The comparison needs JavaScript. Every image is also in the tiles/ folder of the repository.

Caveats

Reproduce it

Every number and image on this page comes from one script, run on one screenshot. Try it on your own:

python -m venv .venv
.venv/bin/pip install -r tools/requirements.txt
.venv/bin/python tools/generate.py your-screenshot.png --out docs

It needs cwebp (Debian and Ubuntu: apt install webp) and an ffmpeg built with libjxl. The prose on this page describes the Outbound screenshot; with a different image, the tables and viewer update but the text won't.