29 / Image

Ordered Dithering

The picture is cut down to a handful of tones, and the ones that are missing are made up out of a regular grain. Drag to take more away.

also called Bayer dithering · halftone · posterize

Real pixel work — it needs crossorigin="anonymous" and a CORS-clean host, otherwise the canvas is tainted and getImageData throws. Wikimedia sends the header; most museum CDNs do not.

How it is built

const BAYER8 = [...]; // 8×8 threshold matrix v = v + (BAYER8[y%8][x%8]/64 - 0.5) * spread;