PNG to SVG Tracer

PNG to SVG converter

Trace a PNG, JPG or WebP into an SVG that stays sharp at any size. It runs in your browser, so your image stays on your device.

How to use it

  1. Drop in a PNG, JPG or WebP, or paste an image from your clipboard.
  2. Pick the style closest to your image: logo or icon, illustration, black and white, or photo.
  3. Drag across the preview to compare the trace with your original. Adjust colors and smoothing until the edges look right.
  4. Download the SVG.

Converting a PNG to SVG is really tracing

A PNG stores a grid of colored pixels. An SVG stores shapes: outlines and fills described as curves. There is no switch that turns one into the other, so the converter has to find the edges in your image and rebuild them as paths. That process is called tracing.

The result depends on what you give it. A clean logo with flat colors traces into a small, tidy SVG. A blurry screenshot gives the tracer soft edges to guess at, and the guesses show. Start from the largest, sharpest copy you have.

Getting a clean trace

For flat logos and icons, keep the color count low. Eight is usually enough, and fewer colors mean fewer shapes to edit later. If curves look wobbly, raise Smoothing. If small details disappear, lower it.

Photos work too, but they turn into posterized artwork made of many shapes, and the file can get large. This tool is built for logos, icons, line art, signatures and silhouettes.

What the settings do

Style
Sets sensible starting values. Logo or icon uses 8 colors, illustration uses 16, photo uses 32, and black and white traces one dark shape color.
Colors
How many flat colors the tracer keeps. Lower numbers give simpler files.
Smoothing
Higher values merge small bumps into smooth curves and shrink the file. Lower values follow the pixels more closely.
Remove small specks
Drops tiny shapes, such as dust or compression noise, below the size you choose.
Make white background transparent
Removes the white area connected to the edge of the image, so the SVG has no white box behind it.

What people use it for

  • Logos for print, signs and merchandise that need to scale without going soft
  • Icons and simple illustrations for websites and apps
  • Signatures and handwriting as black shapes
  • Artwork for vinyl cutters and other cutting machines
  • Cleaning up a low-resolution graphic before editing it in a vector editor

Questions

Is this PNG to SVG converter free?

Yes. You can trace and preview as many images as you like, and you do not need an account.

Is my file uploaded anywhere?

No. Tracing and file creation happen in your browser, using code that is part of this page. Your image is not sent to a server. You can check this in your browser's network tab while you use the tool.

Why does my SVG look blocky or lumpy?

Usually because the source image is small or soft. The tracer treats every pixel step as an edge. Try a larger source image, raise Smoothing, or use a higher Soften value so the edges are cleaner before tracing.

Can I trace a photo?

You can, using the Photo style, but expect a posterized look and a large file. Photos do not contain clean shapes, so the tracer has to invent them. Logos, icons and line art give much better results.

How large an image can I use?

Files up to 40 MB. For speed, images are traced at up to 1600 pixels on the longest side, and small images are enlarged first so curves fit better.

How do I get a transparent background?

Tick Make white background transparent. In the black and white style the background is always left out, so only the dark shapes are saved.

More tools