PNG to SVG
Convert PNG to SVG - Vectorize Raster Images
Trace PNG images into clean, scalable SVG paths. Color or crisp black-and-white tracing, with adjustable detail. Runs entirely in your browser.
Preview
What is PNG?
PNG (Portable Network Graphics) is a lossless raster image format with full alpha-channel transparency. A transparent PNG is ideal for icons, screenshots, illustrations, and any graphic that needs crisp edges or a transparent background.
What is SVG?
SVG (Scalable Vector Graphics) is an XML-based vector image format. Instead of pixels, an SVG describes shapes, paths, fills, and strokes mathematically, so it can be rendered at any size without losing quality.
SVG is the standard vector format for the web. It is supported natively by every modern browser, can be styled with CSS, animated with JavaScript or SMIL, and is generally a fraction of the size of an equivalent raster image.
SVG vs raster formats
Vector graphics (SVG) and raster graphics (PNG, JPG) solve different problems. The right format depends on what the image will be used for.
| Feature | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| Scaling | Resolution-independent | Blurry when enlarged | Pre-rendered at fixed sizes |
| File size | Small for shapes and icons | Grows with resolution | Bundle of pre-sized rasters |
| Editing | Editable as text or in vector tools | Pixel-level editing only | Edit each size, then repack |
| Animation | CSS, SMIL, JavaScript | Limited (animated PNG/GIF) | Not supported |
| Transparency | Yes | PNG yes, JPG no | Yes (PNG-based) |
When to convert PNG to SVG
Convert PNG to SVG when you need a logo, icon, or illustration to scale cleanly at any size. Vectorizing a PNG gives you crisp output at print resolution and on high-DPI displays, plus an editable file you can recolor, resize, and animate. Best results come from PNGs with flat colors and clean edges; complex photographs trace too, but produce larger SVGs.
PNG to SVG: file size and quality trade-offs
File size
A simple PNG logo (32×32 to 512×512) typically lands at 5–30 KB; vectorizing it usually produces a 2–15 KB SVG that scales to any size. A photographic PNG (4000×3000 at 4–8 MB) traces to an SVG of roughly 50–300 KB, smaller than the source, but with smoothed-out detail. The more flat color in the PNG, the bigger the win.
When SVG is the right choice
Use the SVG when the asset has to display at multiple sizes (favicons, retina-ready icons, print-quality logos), or when you need to recolor or animate it. SVG is editable as text, so the vector form is also what you ship to a design system.
When to keep the original PNG
Stay with the PNG for photographs, screenshots, and anti-aliased UI captures. Vectorizing pixel-accurate content produces a much larger SVG than the source PNG, and the tracer flattens noise, fine gradients, and crisp anti-aliasing into chunkier color regions.
Quality trade-offs
PNG is lossless: every pixel is exactly what was painted. Vectorization is approximate: the tracer fits curves to color regions, so very thin strokes, photographic gradients, and dithered patterns get smoothed or stair-stepped. For logos, icons, and line art the result is usually visually identical; for photos, expect a stylized, posterized look.
How to convert PNG to SVG online
- Drop your file (or click SELECT FILES) to add it to the queue.
- Adjust the options on the left (format, size, background, quality) and watch the preview update.
- Click SAVE ALL to download the converted file (or a ZIP if you uploaded multiple files).
Privacy and security
Your files never leave your computer. The conversion runs entirely in your browser using JavaScript and WebAssembly. There is no upload, no server, and no analytics tracking the contents of your files.
Because nothing is uploaded, the tool is safe to use with confidential logos, internal documents, and proprietary artwork.
Frequently asked questions
Will vectorizing a PNG keep its transparency?
Yes. PNG transparency is preserved during tracing: see-through areas in the source stay see-through in the SVG output, so the vector logo or icon overlays cleanly on any background.
What kind of PNG vectorizes best?
PNGs with flat colors, clean edges, and limited palettes (logos, icons, line drawings, stickers) trace to small, clean SVGs. Detailed photos work but produce larger files; for those, raise noise reduction and lower color precision to keep the SVG manageable.
Should I use Color mode or Black & white?
Pick Color for logos, illustrations, and anything with multiple fills. Pick Black & white for line art, scanned drawings, signatures, or anything you want as a clean monochrome silhouette. The B&W threshold slider controls the cutoff between black and white.