A pixel art maker is a grid-based drawing tool for creating retro-style sprites, icons, and game graphics — one pixel at a time. Modern indie games (Stardew Valley, Celeste, Undertale) all use pixel art; getting started is easier than you'd think.
This guide covers grid sizes, palettes, common techniques, and export options for game engines.
Make Pixel Art — Free
Grid-based drawing, custom palettes, PNG export. For sprites and icons.
Common Grid Sizes
| Size | Use Case |
|---|---|
| 8 × 8 | NES-era sprites, small icons, favicons |
| 16 × 16 | Game items, tile graphics, app icons |
| 32 × 32 | Game characters, detailed icons |
| 64 × 64 | Avatars, larger sprites |
| 128 × 128 | Hi-res pixel art, illustrations |
| 256 × 256 | Pixel art posters, full scenes |
Pick the smallest size that does the job — fewer pixels = stricter creative constraints, which actually makes pixel art look better.
Color Palettes
Limited palettes are key to good pixel art:
- 1-bit — Black and white. Game Boy classics.
- 4-color — Original Game Boy palette.
- 16-color — NES, EGA. A solid sweet spot for beginners.
- 32-color — Master System, MSX.
- 64-color — SNES, Mega Drive era.
- Modern restricted — DB16, AAP-64 (popular community palettes).
Lospec.com has hundreds of free palettes you can import.
Core Techniques
- Pixel-perfect lines — No anti-aliasing. Each pixel is hard-edged.
- Dithering — Alternating pixels to simulate gradients.
- Anti-aliasing (manual) — Place mid-tone pixels at edges to smooth visually.
- Outlines — Use a darker shade of the fill color, not pure black.
- Color ramps — 3-5 shades per color for smooth shading.
- Sub-pixel detail — Hint at features that are too small to draw.
Anatomy of a Game Sprite
- Silhouette first — Block out the shape before details.
- Add base colors — Skin, hair, clothes — flat for now.
- Shadow side — One darker shade where light doesn't hit.
- Highlight side — One lighter shade where light hits strongest.
- Outline — Slightly darker than the darkest fill.
- Sub-pixel details — Eyes, buttons, belt buckle.
Animation: copy the sprite, shift a few pixels for walk cycles (typically 4 or 8 frames).
Export for Game Engines
- PNG with transparency — Standard for sprites in Unity, Godot, Phaser.
- Sprite sheets — Pack frames in a grid (4×1 for walk cycles, 4×4 for full character).
- Scale factor — Export at 1× pixel scale; let the game engine scale up.
- Indexed PNG — For NES/SNES-style projects, keep palette explicit.
- GIF — Animated sprites for portfolios.
How to Use the Tool (Step by Step)
- 1
Pick Grid Size
16×16 or 32×32 for first sprites.
- 2
Choose Palette
8-16 colors limit creativity helpfully.
- 3
Sketch Silhouette
Block out the shape first.
- 4
Add Base + Shadow + Highlight
Three shades per area.
- 5
Export PNG
For games or portfolio.
Frequently Asked Questions
What size should my first sprite be?+−
16×16 or 32×32. Small enough to finish, big enough to recognize.
How many colors should I use?+−
Start with 8-16 for an entire scene. Beginners overuse colors and lose pixel art's charm.
Can I use this for commercial games?+−
Yes — pixel art you create is yours. Just make sure imported palettes/fonts are licensed.
How do I make smooth animations?+−
4-8 frames for walk cycles. Each frame shifts a few pixels and changes the limb positions.
Is pixel art easier than regular drawing?+−
Different, not easier. Constraints are tighter, but each pixel matters more.
Make Pixel Art — Free
Grid-based drawing, custom palettes, PNG export. For sprites and icons.
Open Pixel Art Maker ->Related Guides
How to Edit SVG Code
Edit SVG paths, optimize file size, view source, and create simple SVGs from scratch — all in your browser.
How to Design a Banner That Converts
From web ads to print posters — master dimensions, design principles and export formats for every platform
How to Choose a Color Palette
Learn color theory, palette types, accessibility contrast rules, and how to generate harmonious color palettes for web design, branding, and UI.