Free Online Pixel Art Editor

Published 2026-05-27

Draw pixel art in your browser with a simple grid editor. Presets for common sizes, color palettes, undo/redo, and export at any scale. Free, no signup.

Try Pixel Art Editor free →

The problem

You need a quick piece of pixel art — a favicon for your website, a sprite for a game jam, an avatar for a profile, or just something fun to draw. Professional tools like Aseprite cost money and have a learning curve. Browser-based alternatives are either loaded with ads, require accounts, or try to be full illustration apps when you just want a grid to color in.

For small-scale pixel art (8x8 through 64x64), you need a grid, a color picker, a few basic tools, and a clean export. Nothing more.

How it works

Choose your canvas size — presets for 8x8, 16x16, 32x32, and 64x64, or type custom dimensions.
Pick a color — start with a preset retro palette, or use the color picker for any color. Your 8 most recent colors are saved for quick access.
Draw — click or drag on the grid. Four tools:
- Pencil — draw one pixel at a time
- Eraser — set pixels to transparent
- Fill bucket — flood-fill a connected region with your selected color
- Eyedropper — pick a color from an existing pixel
Undo/redo — up to 50 steps. Mistakes are free.
Export — choose a scale (1x, 2x, 4x, 8x, 16x) and download as PNG. The export uses nearest-neighbor scaling so pixels stay crisp with no blurring.

Your work auto-saves to your browser. If you refresh or close the tab, your drawing is still there when you come back.

Common pixel art sizes

8x8 — minimal icons, tiny sprites, Atari-era characters
16x16 — favicons, small game sprites, emoji-scale art. The most popular size for beginners.
32x32 — detailed sprites, small game characters, app icons
64x64 — highly detailed pixel art, larger game sprites, portrait-style artwork
Custom — any size you need. Larger canvases (128x128+) work better on desktop where you have more screen space.

Export scaling explained

Pixel art at its native size is tiny — a 16x16 image is literally 16 pixels wide. To use it on a website, in a game, or as a profile picture, you need to scale it up. The critical detail: use nearest-neighbor scaling, not bilinear or bicubic.

Standard image scaling smooths edges, which destroys the crisp pixel look. Nearest-neighbor scaling just makes each pixel into a larger square, preserving the hard edges that define pixel art.

This tool exports with nearest-neighbor by default:

1x — raw size (16x16 pixels for a 16x16 canvas). Use for game engines that handle their own scaling.
4x — 64x64 from a 16x16 canvas. Good for web display.
8x — 128x128. Good for social media avatars.
16x — 256x256. Good for print or high-res display.

Using with other tools

Your pixel art can flow into other ToolRack image tools:

Export → GIF Creator — draw multiple frames, export each, then combine them into an animated GIF for sprites or simple animations
Export → Image Resizer — scale to a specific dimension not covered by the presets
Export → Image Converter — convert PNG to WebP for smaller file size on the web

Click "Use in other tools" to save your artwork and jump to any tool — the image carries over automatically.

Favicon workflow

To make a favicon for your website:

Set canvas to 16x16 (or 32x32 for higher detail)
Draw your icon — keep it simple, favicons are viewed at tiny sizes
Export at 1x as PNG
Rename to favicon.png or convert to .ico format
Add <link rel="icon" href="/favicon.png"> to your HTML

For best browser coverage, also export at 32x32 and 180x180 (Apple touch icon). The 16x16 version handles the browser tab; the larger versions handle bookmarks and home screen shortcuts.

Built with vanilla HTML/JS. No frameworks, no backend, loads instantly.