👾 Creative Suite

Pixel Art Editor

Draw sprites pixel by pixel — seven tools, undo, mirroring and crisp PNG export at any scale.

Colour

#d62411
Show grid lines

Export PNG

Keys: B pencil · E eraser · G fill · I pick · Ctrl+Z undo

Overview

Pixel Art Editor: draw sprites in your browser

A proper pixel editor with the tools that actually matter for sprite work: pencil and eraser, flood fill, colour picker, and line, rectangle and ellipse shapes that preview live as you drag. Undo and redo go back sixty steps, and the transform row gives you the mirroring and shifting that sprite work constantly needs.

Export is the part most browser pixel editors get wrong. Scaling a 16×16 sprite up for display has to use nearest-neighbour sampling, or the hard edges that define pixel art turn into a blurry mess. Exports here are drawn as solid blocks at your chosen scale, so a 16× export of a 32-pixel sprite is a crisp 512-pixel PNG with every edge intact and transparency preserved.

100% freeNo sign-upCrisp PNG exportNothing uploaded
How to use it
  1. 1Pick a canvas size — 16×16 is the classic sprite size, 32×32 gives you more detail.
  2. 2Choose a colour from the palette or the picker, then draw with the pencil.
  3. 3Use fill for large areas, and drag with the line, rectangle or ellipse tools to preview a shape before committing it.
  4. 4Export as PNG at 1× for the true sprite, or at 8× and up for something you can actually see.
Key features
  • Seven tools: pencil, eraser, fill, colour picker, line, rectangle and ellipse
  • Live shape preview while dragging — nothing is committed until you release
  • Sixty steps of undo and redo, with a whole drag counting as one step
  • Flip, rotate and wrap-around shift for symmetric and animated sprite work
  • A 30-colour starting palette, custom colours, and a list of every colour used
  • Nearest-neighbour PNG export from 1× to 32×, with transparency preserved

Frequently asked questions

What canvas size should I use?
16×16 is the traditional size for character sprites and icons and forces you to be economical. 32×32 gives room for detail without becoming a painting. Anything above 64×64 stops being pixel art and starts being a small image.
Why does my exported PNG look blurry elsewhere?
That is the software displaying it, not the export. Most viewers smooth an image when scaling it up, which destroys hard pixel edges. Export at a higher scale — 8× or 16× — so the file is already large and nothing needs to resample it.
Does it keep transparency?
Yes. Unpainted pixels stay transparent in the exported PNG, which is what you need for a sprite that sits on top of a background. The chequerboard behind the canvas shows you which pixels are empty.
Is my artwork saved anywhere?
No. Everything stays in the page, and nothing is uploaded. That also means refreshing loses your work, so export as you go.
📖

Full guide

Pixel Art for Beginners: Canvas Size, Palettes, Shading and Anti-Aliasing

Why small canvases are harder, how limited palettes make better art, and the shading rules that separate good sprites from mush.

Choosing a canvasLimited palettesShading & outlines

Related Articles & Guides

BlogCreative Ways to Use QR Codes in 2026QR codes have had several near death experiences since Denso Wave invented them in 1994. For over a decade they were considered a solution looking for a problemArticlePixel Art for Beginners: Canvas Size, Palettes, Shading and Anti-AliasingWhy a smaller canvas is harder, how a limited palette makes better art, and the shading and outline rules that separate clean sprites from mush.BlogHow to Edit Video in Your Browser for Free — No Install, Nothing UploadedHow to Edit Video in Your Browser for Free — No Install, Nothing Uploaded For most of the internet's existence, video editing was a desktop activity. You instal