Pixel Art Editor
SeriousCode Pixel Art Editor is a free browser-based tool for creating pixel art with up to 4 layers, animation frames with onion skinning, preset palettes (PICO-8, GameBoy, NES, CGA, Grayscale), 6 drawing tools, undo/redo history, zoom controls, and PNG/sprite sheet export at multiple scales — no signup or install required.
Color Palette
Layers
Animation
1
Export
Export PNG
Keyboard Shortcuts
B - Pencil
E - Eraser
G - Fill
I - Eyedropper
L - Line
R - Rectangle
Ctrl+Z - Undo
Ctrl+Shift+Z - Redo
+ - Zoom In
- - Zoom Out
ご提案はありますか？
新しいツールのリクエストや改善提案をお待ちしています — Slackコミュニティにご参加ください！
What is a Pixel Art Editor?
A pixel art editor is a specialized drawing tool where you place individual pixels on a grid to create retro-style artwork, game sprites, icons, and animations. Unlike vector or raster editors, every pixel is intentionally placed, giving you complete control over each dot. Our free browser-based pixel art editor provides professional features like multiple layers, animation frames with onion skinning, preset color palettes from classic gaming systems, and export options — all without any installation or account.
How to Use the Pixel Art Editor
- Select a canvas size (8×8 to 64×64) to start your project
- Choose a color palette preset (PICO-8, GameBoy, NES, CGA, Grayscale) or pick custom colors
- Use drawing tools: Pencil for single pixels, Line for straight lines, Rectangle for shapes, Fill for areas
- Add layers to organize your artwork — adjust opacity and visibility for each layer
- Create animation frames, enable onion skin to see previous frames while drawing
- Export your work as PNG at various scales (1x to 8x) or as a sprite sheet for game development
Frequently Asked Questions
What canvas sizes are available?
The editor supports 8×8, 16×16, 32×32, and 64×64 pixel canvases. These sizes cover common use cases from small icons (8×8) to detailed sprites (64×64). The canvas is rendered with crisp pixel scaling so you can see each pixel clearly while drawing.
Can I create animated pixel art?
Yes! You can add multiple animation frames, duplicate existing frames, adjust playback speed (FPS), and enable onion skinning to see the previous frame as a semi-transparent overlay while drawing the next frame. Export all frames as a sprite sheet for use in game engines.
What color palettes are included?
Five preset palettes are included: PICO-8 (16 colors, popular in indie games), GameBoy (4 classic green shades), NES (64 colors from the Nintendo Entertainment System), CGA (16 classic PC colors), and Grayscale (12 shades from black to white). You can also pick any custom color.
How do layers work?
You can create up to 4 layers per frame. Each layer has independent visibility toggle, opacity control (0-100%), and can be reordered. Layers are composited from bottom to top with alpha blending, allowing you to separate backgrounds, characters, and effects.
What export formats are supported?
You can export as PNG at 1x, 2x, 4x, or 8x scale for sharp pixel art at any display resolution. For animations, export as a sprite sheet that arranges all frames in a horizontal grid — compatible with game engines like Unity, Godot, and Phaser.