Pixel Art Converter & Optimizer
Turn any image into pixel-block (Pixel Art) style online: set the pixel-block size with center / average / median grid sampling; limit the palette with median-cut color reduction and refine gradients with Floyd–Steinberg dithering; built-in brightness, contrast and saturation enhancement plus outline stroke and transparent-edge cleanup for detail, with one-click presets (Retro / GameBoy / Crisp / Icon). Compare original vs. result with a live slider, and export the upscaled pixel image or the 1:1 raw grid (PNG / WebP). Everything runs locally in your browser with no uploads.
Features
- Pixelation: custom pixel-block size with center / average / median grid sampling
- Color reduction: median-cut palette from 1–64 colors with optional Floyd–Steinberg dithering
- Color optimization: brightness / contrast / saturation for punchier pixel art
- Detail optimization: outline stroke to strengthen block edges, transparent-edge cleanup
- One-click presets: Retro 16-color, GameBoy 4-color, Crisp pixels, Icon style
- Slide to compare original vs. result with true WYSIWYG live preview
- Export upscaled pixel image or 1:1 raw grid (PNG / WebP), fully local with no uploads
FAQ
Are my images uploaded to a server?
No. Pixelation, color reduction, grading and export all happen locally in your browser — files are never uploaded to any server, secure and fast.
How should I set "pixel-block size" and "colors"?
Pixel-block size controls how many source pixels merge into one block — larger means chunkier and more abstract; colors uses median cut to reduce the image to a limited palette — fewer colors gives a more retro pixel feel, while "unlimited" keeps all colors. Set block size first, then lower colors and add some dithering.
What is the difference between the three sampling modes?
Center: takes each cell's center pixel — sharpest but noise-prone; Average: alpha-weighted mean of the cell — smoothest gradients; Median: per-channel median — balances noise resistance and sharpness, great for line art and icons.
What is the difference between the "upscaled pixel image" and the "raw grid"?
The upscaled pixel image keeps the original size and uses nearest-neighbor scaling to show hard-edged blocks — ideal for display; the raw grid is the true 1:1 pixel resolution (e.g. 64×64), tiny in size and ideal as a game asset or for further editing.