To convert PNG to SVG, drop your image into the box above or use Select image. The tool traces it into vector shapes right away and shows the original next to the SVG. Pick a preset such as Logos / Flat, adjust Detail and Colors if the edges look rough, then select Download SVG to save the .svg file.
How to convert PNG to SVG
- Add your image. Drag a PNG, JPG or WebP onto the drop area, or select Select image. The converter handles one image at a time and starts tracing as soon as it loads.
- Pick a preset. Logos / Flat is selected first. Switch to Line Art for black-and-white drawings, High Detail for small text and fine edges, or Photos for pictures with many colors.
- Fine-tune the trace. Detail (1-10) sets how closely paths follow the edges, Colors (2-64) sets how many flat colors the SVG uses, and Blur (0-4) smooths noise first. The trace reruns when you release a slider.
- Save the SVG. Select Download SVG to save a file named after your image with
-vector.svgon the end, or Copy code to paste the markup straight into HTML or a design app.
What PNG to SVG conversion actually does
A PNG is a grid of pixels. An SVG is a text file that describes shapes: paths, curves and fill colors. Converting one into the other is called tracing or vectorizing. The converter groups pixels into a limited set of colors, finds the outline of each color area, and writes those outlines as SVG paths.
The result is a redrawing of your image, so small details can shift and soft gradients turn into bands of flat color. In return you get a file that scales to any size without blurring, because the browser draws the shapes fresh at every size. Some online converters skip tracing and just wrap the PNG inside an SVG file. That file still pixelates when you enlarge it. This tool always traces.
Which images convert well to SVG
Tracing rewards simple artwork with clear edges. Use this table to set expectations before you start.
| Image | Typical result | Preset to try |
|---|---|---|
| Logo with 2-6 flat colors | Clean, small SVG that looks like the original | Logos / Flat |
| Black ink drawing, signature or scanned sketch | Crisp two-color paths | Line Art |
| Icon with thin lines or small lettering | Good if the source is large and sharp | High Detail |
| Icon or badge with gradients | Gradients become visible color steps | High Detail with more Colors |
| Photo | Poster-like look and a large file | Photos |
For photos, an SVG is rarely the right format. Keep them as JPG or WebP, and use the image resizer if you need a different size.
How to get a cleaner trace
- Start big. Trace the largest, sharpest version of the logo you have. A 1000-pixel-wide PNG traces far better than a 100-pixel favicon.
- Match Colors to the artwork. Count the colors in your logo, add one for the background, and set Colors to that number. Extra colors add stray specks and outlines along the edges.
- Use Blur for noisy sources. JPG artifacts and scanner grain trace as tiny blobs. A Blur of 1.5 to 2 smooths them out before tracing.
- Lower Detail for smoother curves. High Detail follows every jagged pixel. Dropping to 5 or 6 gives rounder curves and fewer path points, which also makes the SVG file smaller.
If you need the result as a crisp raster again at a new size, run the SVG through the SVG to PNG converter.
Can you convert JPG to SVG too?
Yes. The drop area accepts JPG and WebP as well as PNG, and the tracing works the same way for any image to SVG. The difference is the source quality. JPG compression leaves faint blocks and halos around edges, and the tracer reads them as real shapes. Raise Blur a step and reduce Colors to keep the SVG clean.
If you have the logo as both PNG and JPG, trace the PNG. It has sharper edges and may have a transparent background, so there's less to clean up afterwards.
Frequently asked questions
How do I convert PNG to SVG for free?
Drop the PNG into the converter at the top of this page, choose a preset and select Download SVG. It's free, there's no sign-up, and no watermark is added to the SVG.
Is the SVG an exact copy of my PNG?
No. The image is traced, so the SVG is a vector redrawing of it. Flat logos come out very close to the original, while photos and gradients are simplified into areas of flat color.
Why is my SVG file bigger than the PNG?
Every color area becomes a separate path, so detailed images produce thousands of them. Lower Detail, reduce Colors or use the Logos / Flat preset to get a smaller file.
Can I edit the SVG after converting?
Yes. The output is made of ordinary paths, so you can open it in Inkscape, Illustrator or Figma to recolor shapes, delete the background or simplify curves.
Are my images uploaded to a server?
No. The tracing runs in your browser with JavaScript. Your image stays on your device and is gone when you close the tab.
Can I convert several PNGs to SVG at once?
Not in one go. The converter traces one image at a time, which lets you tune the settings for each logo before you download it.