PNG to SVG
Convert PNG to SVG with an Online Vectorizer
Trace PNG logos, icons, illustrations, and line art into scalable SVG paths. Transparent areas remain clear, and you can choose full-color or black-and-white tracing before tuning detail and noise reduction.
Editing defaults for new files
Preview
No preview. Add and select files to see results.
No files yet. Drop files above or click SELECT FILES.
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 and can be styled with CSS or animated with JavaScript or SMIL. It is often compact for logos, icons, and illustrations, although complex SVGs can become large.
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
SVG file size depends on the number and complexity of the paths, not just the PNG's pixel dimensions. A flat logo or icon often becomes a compact SVG, while a photograph can produce thousands of shapes and a file larger than the source. Fewer colors, stronger noise reduction, and simpler paths usually reduce the output size.
When SVG beats the original PNG
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 can be smoothed or simplified. Logos, icons, and line art usually trace closely; photographs tend to look more stylized or posterized.
How to convert PNG to SVG online
- 1
Drop your files, or click SELECT FILES, to add them to the queue. Up to 40 at a time.
- 2
Set the output options (size, DPI, background, quality, or tracing detail) and watch the live preview update.
- 3
Click SAVE ALL to download the result, or a single ZIP when the queue holds more than one file.
Privacy: your files never leave your browser
Conversion runs locally in your browser using JavaScript and WebAssembly. There is no file upload or server-side conversion, so the files you add stay on your device.
Local processing helps protect confidential logos, internal documents, and unreleased client artwork. Pages and conversion code are cached as you use them, so tools you have already opened can continue working without a network connection.
Frequently asked questions
Will vectorizing a PNG keep its transparency?
Transparent areas can remain clear in the SVG output, making PNG a useful source for logos and icons without a solid background. Tracing is still an approximation, so inspect soft or semi-transparent edges in the preview.
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.