Стилизация изображений
Крупные пиксели, ограниченная палитра и ретро-сетка для быстрых игровых превью.
Стилизация изображений
Крупные пиксели, ограниченная палитра и ретро-сетка для быстрых игровых превью.
Tool guide
Drop in a PNG, JPG, or WEBP and the tool shrinks it to a grid of chunky pixels, cuts the palette down to a handful of steps, and scales it back up with smoothing switched off, so edges stay hard instead of blurry. You get a PNG between 520 and 1800 pixels on the long side. Handy for an 8-bit avatar, a game-jam thumbnail, or an icon that has to stay readable on a dark chat background. Everything is drawn on a canvas in your own tab. See also: render the same shot as ASCII art, scale the pixel grid up without blurring it, turn the pixel art into a site icon.
Push «Pixel size» up to 24-48 px and pull «Palette» down to 3-6 steps at the same time. Big blocks alone are not enough: with twenty tones left the picture just looks enlarged. The retro feel comes from the combination of a coarse grid and a poor palette, the way console sprites were limited to a few colours each.
Yes — drag «Grid» to 0 % and the lines disappear, leaving clean squares. The grid helps on previews where you want the stylisation to read as deliberate, but it hurts when the result goes into a tileset or to print, since the lines turn into moire once the image is rescaled.
PNG only. It is lossless, so the squares keep hard edges instead of picking up the ringing artefacts JPG would add around them. The long side is set by the «Output size» slider, from 520 to 1800 px, defaulting to 1100 px. There is no larger option because beyond that the pixel grid is simply duplicated.
Pixelation removes the small details recognition depends on: eyes, lip edges, eyebrow shape. Drop «Pixel size» to 5-8 px and raise «Palette» to 14-20 steps. Cropping to head and shoulders beforehand also helps, because more of the grid then lands on the face itself.
It runs in mobile Chrome and Safari, and you can pick a shot straight from the gallery. A 12-megapixel frame is downscaled to a working size first so the tab does not lock up, though on an older phone the first redraw after moving a slider can take a couple of seconds.
Nowhere outside the tab. The file is read with FileReader, painted onto a canvas, and recomputed there every time a slider moves. «Download PNG» saves the result straight from browser memory into your downloads folder. Close the tab and nothing of the image is left with us or in a cache.
Before: A 3024x4032 phone selfie with soft shadows and thousands of skin tones
After: 1100 px PNG: pixel size 14, palette 9, grid 22 % — the face reads as blocks and skin collapses to three tones
Before: A 1600x1200 JPG photo of a brick wall
After: 520 px PNG: pixel size 24, palette 5, grid 0 % — a flat, moire-free texture ready for a tileset
Your rating and feedback help decide what to improve next.