Add an image
PNG only (max 512×512)
Recent sprites
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
FAQ
What images work best?
This tool is designed for pixel art, not photographs. Best results with clean pixel art sprites up to 512×512 pixels.
How does the conversion work?
Each non-transparent pixel becomes a <rect> element in the SVG. The viewBox matches your sprite dimensions for perfect scaling.
Can I copy the SVG code?
Yes, use the 'Copy SVG code' button to copy the raw SVG markup to your clipboard.