Skip to content
Imgifyr
Tools

PNG to SVG Converter: Trace Images into Vectors

Turn a PNG logo, icon or simple graphic into a scalable SVG made of real vector paths. Choose colour or black & white tracing and the level of detail; it all runs in your browser.

Drop a PNG logo, icon or graphic

or

JPG, PNG, WebP · up to 50.00 MB · one image at a time

Processed in your browser. Your image is not uploaded.

How to convert PNG to SVG

  1. Choose or drop a PNG (JPG and WebP also work). It's traced right away with balanced settings.
  2. Pick Colour or Black & white, then adjust the number of colours or the threshold.
  3. Choose the detail level, and remove the background colour if you want a transparent SVG.
  4. Compare the original and the traced SVG, then download.

Raster vs vector

A PNG is a raster image: a grid of coloured pixels with no idea of shapes. An SVG can describe vector shapes: outlines made from lines and curves that can be scaled to any size without blurring. You can't get from one to the other by changing the file extension; the shapes have to be reconstructed. That process is called tracing or vectorization.

How the tracing works

  1. Colour reduction: the image is reduced to the number of colours you choose (or to black and white using your threshold). Fully transparent areas stay transparent.
  2. Region outlines: the edges of each colour region are found, and tiny specks are discarded.
  3. Curve fitting: each outline is approximated with straight lines and smooth curves. The detail level controls how closely the curves follow the pixels.
  4. SVG output: the shapes of each colour are written as one SVG path, at your image's original dimensions.

The tracing engine is ImageTracer.js, an open-source (public domain) tracer that runs entirely in the browser.

Best use cases

  • Logos you only have as a PNG and need for print, signage or a website.
  • Icons and simple illustrations with flat colours.
  • Signatures, stamps and line art, using black & white mode.
  • Cutting machines and laser engravers, which need vector outlines.

Gradients, shadows, textures and photographs don't trace cleanly. For photos, keep the original raster image, and use the image compressor if you need it smaller.

Tips for a cleaner result

  • Crop the image to just the logo first, so stray marks aren't traced.
  • Start with fewer colours and the Balanced detail level, then add detail only if something is missing.
  • Use the largest, sharpest version of the image you have.
  • To check the result as a picture, render the SVG back to PNG with the SVG to PNG converter.

Privacy: your image stays on your device

Tracing runs in a background thread inside your browser. Your image is never uploaded, and the SVG is created on your device.

Read the privacy policy or see how the tools work for details.

Frequently asked questions

Is the result a real vector SVG?

Yes. The output contains only vector <path> shapes traced from your image. It doesn't embed the PNG inside an SVG wrapper, which some converters do and which gives you none of the benefits of a vector file.

Why doesn't my photo convert well?

Photos contain smooth gradients, texture and noise. Tracing turns every area of similar colour into a separate shape, so a photo becomes thousands of blotchy shapes and a very large file. Tracing works best for logos, icons, text, line art and flat illustrations with a few solid colours.

How many colours should I choose?

About the number of distinct colours in your image. A two-colour logo traces cleanly with 2–3 colours; a flat illustration might need 8–16. Extra colours mostly capture anti-aliased edges and add paths without improving the result.

When should I use black & white mode?

For signatures, stamps, line drawings, scanned text and one-colour logos. Move the threshold to decide which pixels count as black: higher values keep more of faint strokes, lower values remove grey smudges.

Can I edit the SVG afterwards?

Yes. Open it in a vector editor such as Inkscape, Illustrator, Affinity Designer or Figma. Each colour is a single path you can recolour, and you can simplify or adjust the shapes.

What resolution PNG works best?

A clean, reasonably large image: a logo 500–2000 pixels wide traces better than a tiny or blurry one. Low-resolution images have jagged edges that get traced as jagged shapes. The tool reduces very large images to a tracing size before processing.

Is my image uploaded?

No. Tracing runs in a background thread in your browser. Your image never leaves your device.

Related tools