Add an image
PNG only (max 512×512)
Pixel art PNG to SVG
Why convert to SVG?
- Infinite scaling without blur: SVGs stay crisp at any size
- Web-ready: embed directly in HTML, CSS, or React components
- Smaller file sizes for simple pixel art compared to large PNGs
How it works
- Upload a pixel art PNG image
- Grid size is auto-detected (or set manually)
- Each pixel becomes a vector <rect> element in the SVG
More free pixel art tools
Sprite sheet maker
Drop in several images and pack them into one sprite sheet. Set columns, padding, and scale, then export a PNG or a JSON atlas.
Sprite sheet cutter
Cut a sprite sheet into separate frames. The grid is detected for you, then every frame downloads as its own PNG in a ZIP.
GIF to sprite sheet
Convert any animated GIF into a sprite sheet PNG. Tune columns, padding, and scale. Phaser-ready atlas option.
FAQ
This tool is designed for pixel art, not photographs. Best results with clean pixel art sprites up to 512×512 pixels.
Each non-transparent pixel becomes a <rect> element in the SVG. The viewBox matches your sprite dimensions for perfect scaling.
Yes, use the 'Copy SVG code' button to copy the raw SVG markup to your clipboard.