Pixel Art Editor
Create pixel art on a grid canvas. Adjustable grid size and color palette.
Grid-based pixel art editor with customizable grid size, color palette, pen and eraser tools. Perfect for creating retro game sprites, icons, or 8-bit style art.
The Pixel Art Editor gives you a grid canvas for drawing sprites, icons, and 8-bit style artwork one cell at a time. A slider sets the grid anywhere from 8x8 to 32x32 cells. Click a cell to fill it with the active color, or hold the mouse button and drag to paint a run of cells in one stroke. Switching to the eraser turns clicks back into white, and a destructive clear button resets the whole grid when you want to start over.
Color selection works two ways: a palette of ten common colors (black, white, primary and secondary hues, orange, and purple) for quick access, plus a full color picker for any custom hex value. Picking a color automatically switches you back to the pen, so you never accidentally erase after choosing a new shade. When the piece is done, the Download PNG button exports the canvas at 20 pixels per cell, so a 16x16 grid becomes a 320x320 image and a 32x32 grid becomes 640x640.
Grid-based editing suits work where every pixel placement is deliberate: game sprites, favicon drafts, emoji-style icons, or cross-stitch and Perler bead patterns. Your grid size, selected color, and active tool persist between visits through local storage, and the drawing itself stays on your machine the entire time since the canvas lives inside the page.
- 1
Set the grid size
Move the slider between 8x8 and 32x32 cells. The canvas redraws immediately at the new resolution with a fresh white background.
- 2
Paint with pen and eraser
Pick a palette color or a custom one, then click or drag across cells to fill them. Switch to the eraser to turn cells white again.
- 3
Export your sprite
Click Download PNG to save the artwork at 20 pixels per cell, for example 320x320 from a 16x16 grid.
Game sprite prototyping
Sketch a 16x16 character or item sprite for a game jam entry before committing to a full editor like Aseprite.
Favicon and icon drafts
Design a simple 16x16 or 32x32 site icon, export the PNG, and run it through a favicon converter.
Craft patterns
Plan a Perler bead, cross-stitch, or knitting chart on the grid, where each cell maps to one bead or stitch.
Teaching pixel basics
Demonstrate to students how raster images are built from individual colored cells, with no software installation required in a classroom.
What size is the downloaded PNG?
Each grid cell exports at 20 pixels. An 8x8 grid produces a 160x160 PNG, 16x16 produces 320x320, and the maximum 32x32 grid produces 640x640. For other sizes, resize the export in an image editor using nearest-neighbor scaling to keep edges sharp.
Does my artwork leave my computer?
No. The grid is an HTML canvas rendered by your own browser, and the PNG download is encoded locally. There is no upload step and no server storing your sprites.
Can I use colors outside the preset palette?
Yes. Below the ten preset swatches there is a full color picker that accepts any hex value. Selecting a color also switches the tool back to the pen automatically.
What happens to my drawing if I change the grid size?
The canvas redraws at the new dimensions, which clears existing work. Pick your grid size first, and download a PNG before resizing if you want to keep the current piece.
Is there an undo button?
Not currently. Mistakes are fixed by switching to the eraser and clicking the wrong cells back to white, or by repainting them with the correct color. Clear Canvas wipes everything and cannot be reversed.