Pixel Tools
From dot drawing to pixel work, pixel tools that run right in your browser.
How to choose a tool
Choose the pixel-art editor to draw dots on an empty grid and create icons or sprites. Choose image pixelation to simplify an existing photo or illustration into color blocks. The first creates a new image from a chosen canvas and palette; the second transforms a source image according to its resolution and the selected block size.
For a 32×32 game icon, fix the final canvas, block out the large shape with a limited palette, then refine edges one pixel at a time. For photos, start with small blocks and find a setting that preserves needed faces or letters. Compare each setting from the original rather than pixelating an already processed image.
How to verify the result
Before work, confirm the source, target width and height, transparency need, and palette. Inspect pixel art once at 100% and once at its actual display size to find broken outlines and unintended semi-transparent pixels. Nearest-neighbor scaling often suits enlargement better than smoothing. Reopen the export and confirm grid and colors remain.
Saving a small pixel image at high resolution does not create new detail. Pixelating a large photo is an irreversible simplification, so keep the original. Very large canvases can slow down depending on browser and memory, and transparency or color can vary by output format. Test the file in the real game engine or publishing surface. Download an editable project in a supported save format before closing the browser.