TinySandyFree Online Tools

PNG to SVG Converter

Trace a PNG into an SVG made of smooth coloured paths. The converter reduces the picture to a limited colour palette and outlines each colour area, which suits logos, icons and flat illustrations that you want to scale without blur.

Image Conversion Runs in your browser

Trace Your PNG Image into an SVG

Powered by the ImageTracer.js vectorising library (public domain) running in your browser. This is colour tracing of a raster picture, not a lossless conversion: the SVG is an approximation made of coloured shapes. Works best on logos and icons.

Drag and drop PNG images here, or click to browseAccepted: PNG. Up to 15 MB each.
Choosing a preset fills in the three settings below, which you can then adjust.
2 to 64.
Blur smooths noise before tracing.
Large images are traced at this size and the SVG is scaled back to the original dimensions.

How to Use the PNG to SVG

  1. Add your PNG files. Logos and icons with flat colours give the best results.
  2. Pick a preset, then fine-tune the number of colours, detail and pre-blur if you wish.
  3. Press Convert; larger or more detailed images take longer.
  4. Check the preview, then download the SVG files or the ZIP.

About This Tool

Designers and makers who have a logo or icon only as a PNG and want a scalable starting point for editing, cutting or printing.

Input: PNG  ·  Output: SVG (traced).

Features and Limitations

Features

  • Real SVG output you can open in any vector editor or browser.
  • Presets from 2 colours to 64, with separate detail and blur controls.
  • Fully transparent areas are left out of the SVG.
  • The SVG keeps the PNG's original width and height.

Limitations

  • This is vectorisation by colour tracing. It approximates the picture and cannot reproduce photographs, gradients or fine detail exactly; it is not lossless.
  • Colours are reduced to the number you choose, so subtle shades merge.
  • Complex pictures at high colour counts produce large, slow SVG files. Images over the tracing resolution are traced at reduced size. Each PNG can be up to 15 MB.
  • Processing happens on your device, so very large files depend on your browser's available memory.

Example

A 400 × 400 px two-colour PNG logo traced with the 'Simple shapes (2 colours)' preset gives a small SVG with two filled shapes that stays sharp at any size.

Frequently Asked Questions

Is the SVG an exact copy of my PNG?

No. The converter traces colour regions and rebuilds them as vector shapes, so edges are smoothed and colours are reduced. Treat it as a clean-up starting point.

What kind of images work best?

Logos, icons, silhouettes and flat illustrations with few colours and clear edges. Photographs turn into posterised shapes.

How do I get a smaller or simpler SVG?

Lower the number of colours, choose Smooth detail and add a little pre-blur. This removes small specks and merges similar shades.

Is my image uploaded?

No. Tracing is performed by a JavaScript library in your browser.

Related Tools

More like this: all Image Conversion tools, all Image & Design tools or the TinySandy home page.