The short answer
Why use Pixel Art Editor?
A normal brush paints soft round strokes that break the pixel look. Here every mark is a hard-edged square that lines up with its neighbors, the way sprite editors work.
Pixel block size runs from 2 to 64 and starts at 12. It is measured in pixels of your image, not of the screen, and the grid starts at the top-left corner. On a 384 × 384 canvas, 12 gives a 32 × 32 sprite grid. Paint color starts at a deep red. A tap fills one block; dragging fills every block along the path.
Editing happens at the image's full resolution, so a large photo gives you a very fine grid and a slow canvas. Start small. Undo and Redo step through your strokes; history is kept by memory size, so a huge canvas keeps fewer steps. The download is a PNG, which keeps the hard block edges sharp where a JPEG would blur them.
To turn an existing photo into blocks rather than paint them yourself, use Pixelate and then touch up the result here. Solid Color makes a blank starting canvas at the exact size you want. To cut parts of a picture away to transparency instead of painting over them, use Eraser.
Where Pixel Art Editor fits
Game sprites
Draw a 32 × 32 character or item for a small indie game.
Favicon drafts
Sketch a blocky site icon before turning it into a favicon.
Photo touch-ups
Repaint stray blocks on a pixelated photo to tidy the result.
Start to finish
How to use Pixel Art Editor
- 01Tap Choose image and open a small canvas, such as a 384 × 384 white PNG made with Solid Color.
- 02Set Pixel block size (starts at 12) and Paint color, then tap or drag on the canvas to fill blocks.
- 03Use Undo or Redo as needed, tap Apply changes, then Download result for the PNG.
What to expect from Pixel Art Editor
| Check | What it means here |
|---|---|
| Supported input | JPEG, PNG, WebP, GIF, BMP, SVG and browser-supported AVIF images |
| Main controls | Width and height, plus the labels, colors, data, or layout the tool needs |
| Output | PNG, SVG, HTML code, or a ZIP, depending on the tool |
| Working limit | Up to 8,000 pixels per side |
Pixel Art Editor tips
- Block size 16 on a 512 px canvas gives a 32 × 32 grid.
- Ctrl+Z and Ctrl+Y step back and forward on a keyboard.
- Fix a wrong block by painting over it with the background color.
- Avoid big camera photos; the grid gets tiny and drawing slows down.
Pixel Art Editor FAQ
Something missing? Ask us.
Do I need an image to start?
Is there an eraser or a fill bucket?
How do I see where a block will land?
Does Pixel Art Editor upload my file?
Is Pixel Art Editor free to use?
Why did Pixel Art Editor fail or look wrong?
Related tools
More in Creation & Generation.