1. Pixelight
2. Guides
3. Draw pixel art online

Draw pixel art online, free

Pixelight is a pixel art editor that runs in your browser. Every tool works on whole pixels, the canvas stays sharp at every zoom, and your drawing is kept on your device as you work.

Step by step

1. Start a sprite. Open Pixelight and pick a size: 16 × 16 or 32 × 32 suit characters and icons, 64 × 64 and up suit portraits and scenes.
2. Pick a colour. Click a swatch in the palette for the first colour, right-click for the second. The picker above the palette makes any colour.
3. Draw. The pencil (B) paints one pixel at a time. Leave Pixel-perfect on for clean one-pixel lines without doubled corners.
4. Use the shape tools. Line (L), rectangle (U) and ellipse (Shift+U). Hold Shift for straight lines and perfect circles.
5. Fill. The bucket (G) fills an area of one colour. Set a tolerance to fill near colours too.
6. Zoom and pan. Scroll or pinch to zoom, hold Space and drag to pan, press 0 to fit the sprite.
7. Save. Ctrl+S saves a .pixelight file with everything: layers, frames, palette. Export a PNG from File › Export.

Tips

• Hold Alt while drawing to pick a colour from the picture.
• [ and ] change the brush size; the outline under the pointer shows exactly what it paints.
• Undo is Ctrl+Z, and Edit › History jumps back any number of steps.