Save PNG at
Tools
Color
#FFFFFF
Recent colors
Shape mode
Palette
Canvas
Grid size
Background
History
Ctrl+Z undo · Ctrl+Shift+Z redo
Keys: B pencil · E eraser · G fill · I eyedropper · L line · R rectangle · C circle · V move
What this is
Pixel art is drawn one square at a time on a small grid, usually from a short list of colors. Old consoles and home computers could show only a few colors, so each pixel stored a number that pointed into a fixed palette; that is indexed color, and the NES, Game Boy, C64 and PICO-8 palettes here are lists of that kind. Saving scales every square up by a whole number, so the edges stay sharp.
How to use it
- Pick a tool from the list, then a color from a palette or the picker.
- Draw on the grid, choose Move to drag it, and pinch or scroll to zoom.
- Undo from History if a stroke goes wrong, then save a PNG at 1x to 16x.
Read the guide
Words: indexed colour · pixel · PNG
Common questions
Does it need WebGL or a GPU?
No. The grid is drawn on a plain canvas. Any current browser works.
How do I zoom and move on a phone?
Pinch with two fingers to zoom, from 1x to 32x, and drag with two fingers to move the view. If the first finger had started a stroke, the second finger takes it back. With one finger, pick Move and drag. The tools sit in a row above the grid; swipe it sideways. The controls open from the bar at the bottom.
How do I zoom with a mouse?
Scroll over the grid. Each step zooms by a fifth, about the pointer. Drag with the middle button, or pick Move, to slide the view. Picking a grid size or pressing Reset canvas puts the zoom back to 1x.
Are there lines between the squares with the grid off?
No. Each square's edges are snapped to the screen's own pixels, so neighbours meet with no seam at any zoom and on any screen. Lines come only from Show grid, and never go into the PNG or the copy.