Home › Games › Sprite Editor

Pixel Art and Sprite Editor Online

Draw pixel art and animated sprites in your browser: pencil, fill, layers, mirror mode, palettes, lighten, darken, and noise brushes, frames with playback, undo. Export PNG, GIF, or a sprite sheet. Nothing uploaded.

About this tool

A pixel art editor that opens instantly and keeps your work in the browser. Draw with the pencil, eraser, fill bucket, line, and rectangle tools; pick colors from the PICO-8, Endesga, Game Boy, or grayscale palettes or any custom color; turn on mirror mode for symmetrical characters; and flip, shift, undo, and redo as much as you like. Canvases from 8 × 8 up to 256 × 256 cover icons, tiles, Minecraft textures, and larger sprites. Layers with opacity let you keep a character, its outfit, and effects separate and merge them when done. A built-in noise generator powers Darken and Lighten brushes for grainy shadows and highlights as you paint, a Noise brush that lays down textured color, and one-click texturing of whole areas for stone, wood, and fabric.

Animation is built in: add and duplicate frames, reorder them, and watch the loop play at any frame rate. When you are done, export the current frame as a PNG at true size or scaled up crisply, the whole animation as a GIF, or every frame as a horizontal sprite sheet ready for a game engine. Open an existing PNG or GIF to edit it. Your sprite autosaves in this browser, so a closed tab does not lose it.

How to use it

  1. Choose a canvas size, or open a PNG or GIF to edit.
  2. Draw with the pencil, fill, line, and rectangle tools, and pick colors from the palette or the color picker. Turn on mirror mode for symmetrical sprites.
  3. Shade as you go with the Darken and Lighten brushes (grain from the noise settings) and the Noise brush, or texture whole areas from the noise panel. Layers keep parts of a drawing separate.
  4. Add frames to animate and press Play to preview the loop.
  5. Export a PNG (scaled up if you like), an animated GIF, or a sprite sheet.

Questions

Is there a size limit?

Up to 256 × 256 pixels per frame, which covers sprites, tiles, icons, and textures. For large images use the Resize Image tool first.

Can I edit a sprite sheet?

Split it into frames with the Sprite Sheet Splitter, open the frames as a GIF made with Images to GIF, or open one frame as a PNG. Direct sheet import is planned.

Where is my work saved?

In this browser only, automatically. Export a PNG or GIF to keep a copy; clearing site data or switching browsers loses the autosave.

Does it work on a phone or tablet?

Yes. Drawing works with touch and stylus, and the tool panels stack on small screens.

Is it free, are files uploaded, which browsers work: the general questions are answered once for the whole site.

Format guides

Related tools

More game dev tools

View all
Minecraft Skin EditorMake and edit Minecraft skins in your browser: paint on the 3D model or the texture, layers, left/right mirroring, Steve and Alex, poses, load any player by usernameResource Pack EditorDrop a Minecraft resource pack zip, browse every texture, edit blocks, items, and mobs in a pixel editor with layers, add new textures at the right path, set the pack version, and download the rebuilt zipBanner and Shield MakerDesign a Minecraft banner or shield: stack up to 16 patterns in 16 dye colors with a live preview, then copy the /give command (1Command GeneratorBuild Minecraft commands without the syntax headaches: /give items with custom names, lore, enchantments, and unbreakable; /summon mobs with names and flags; /tellraw and /title messagesMinecraft Server Icon MakerMake a Minecraft server icon from any image: exactly 64×64 PNG, saved as server-iconImage to Pixel ArtTurn any photo or drawing into pixel art in your browser: choose the pixel size, a limited palette (16 colors, Game Boy, PICO-8), and ditheringSprite Sheet MakerPack animation frames or the frames of a GIF into a sprite sheet grid with JSON coordinates, in your browserSprite Sheet SplitterSplit a sprite sheet or tileset into individual PNG frames by grid or tile size, in your browser