Pixelation turns an image into a grid of solid colour blocks — useful for a retro pixel-art aesthetic or for censoring a face, number plate, or sensitive detail. Upload an image, choose how large the blocks should be, and download the result.
How the effect is made
1. Draw the image onto a canvas
2. Downscale to width / blockSize × height / blockSize
3. Upscale back to full size with imageSmoothing = false
Turning off smoothing during the upscale is what produces the hard, blocky edges instead of a soft blur. A bigger block size means a smaller intermediate image and therefore chunkier blocks.
Pixel-art vs censoring
- Pixel-art look: a moderate block size (8–16px) keeps the subject recognisable while giving a stylised, retro feel.
- Censoring: use a large block size so individual features are fully dissolved. For anything genuinely sensitive, prefer a solid opaque box — mild pixelation of small text or faces is not guaranteed to be irreversible.
Everything runs locally in your browser, and the export is a lossless PNG so the block edges stay sharp.