Skip to content
filetidy
PNG → SVG

Convert PNG to SVG

Trace flat PNG graphics such as icons, logos and clip art into SVG paths that stay sharp at any size, with transparency kept. Nothing is uploaded, and there’s no account, watermark or limit.

  1. 1. Drop files
  2. 2. Adjust
  3. 3. Download
  • No upload. Processing happens on your device.
  • No limits. As many files as you like, free.
  • No watermark. Your files stay exactly yours.

How to convert PNG to SVG with filetidy

  1. 1

    Drop your PNG files onto the drop zone, or click it to choose them.

  2. 2

    Pick a preset: Logo for flat colors, Illustration for more detail, or Sketch for black line art. Open Advanced settings to fine-tune the speckle filter, corner threshold or color precision.

  3. 3

    Click Convert. Each PNG is traced in your browser, and transparent areas stay empty in the SVG.

  4. 4

    Click Preview to compare the original and the SVG side by side and zoom in on the edges, then Download the file or use Copy SVG code to paste it into your project.

What happens when a PNG becomes an SVG?

A PNG is a grid of pixels. An SVG describes shapes with mathematical curves, so it can be scaled to any size without blurring. Converting one into the other is not a simple format change: the converter has to trace the outline of every colored area and rebuild it as a path. This is called vectorization or image tracing.

PNG is the format that traces best. Its lossless compression keeps edges clean and colors exact, and most icons, logos and clip art are already saved as PNG. When the PNG has a transparent background, the tracer leaves those pixels out entirely, so the SVG has a transparent background too and can sit on any color.

The result is an approximation, not a recovered original. Smooth curves are fitted to pixel edges, small specks are dropped, and similar shades are merged into one fill. On a clean 500 px icon this is hard to spot; on a tiny 32 px favicon, the curves have very little to go on.

Method
Edge tracing with curve fitting (VTracer, compiled to WebAssembly)
Best input
Flat colors, sharp edges, at least 300 px across
Transparency
Kept: fully transparent pixels are not traced
Output
SVG paths with solid fills, one path per color region
SVG standard
W3C SVG 1.1, an XML text format
Processing
In your browser; the PNG is never uploaded

Other ways to do it

Windows

On Windows: Trace Bitmap in Inkscape

  1. Install Inkscape, a free open-source vector editor, and open the PNG with File > Open (choose Link or Embed when asked).
  2. Select the image and choose Path > Trace Bitmap (Shift+Alt+B).
  3. For a one-color icon use Single scan with Brightness cutoff; for a colored logo use Multiple scans with Colors and set the number of scans.
  4. Click Apply, move the traced result aside, delete the original bitmap, then File > Save As and choose Plain SVG.

Inkscape keeps the bitmap underneath the tracing. If you forget to delete it, the SVG still contains the PNG and is much larger.

Mac

On Mac: Image Trace in Adobe Illustrator

  1. Place the PNG in an Illustrator document with File > Place.
  2. Open Window > Image Trace and pick a preset such as 6 Colors or Black and White Logo.
  3. Turn on Ignore White under Advanced if the white background should disappear.
  4. Choose Object > Image Trace > Expand to turn the tracing into editable paths, then File > Export > Export As and choose SVG.

Illustrator is a paid subscription. For an occasional icon, tracing here and fixing details later is usually quicker.

PNG or SVG: which one should you use?

Use the SVG when the graphic will be shown at many sizes: a logo on a website and a banner, an icon in an app, a design for a cutting machine, a shape you want to recolor in a vector editor. A traced SVG of a simple icon is often only a few kilobytes and stays crisp on high-density screens.

Keep the PNG for anything with soft shading, gradients, shadows or photographic texture. Tracing turns gradients into visible bands of flat color, and the SVG can end up larger than the PNG because it needs thousands of small shapes.

Before converting, use the largest PNG you have. Tracing a 1000 px export gives far smoother curves than tracing a 64 px thumbnail of the same icon. If the design was made in a vector app, asking for the original SVG, AI or PDF file is always better than tracing.

Frequently asked questions

Will the transparent background stay transparent?

Yes. Pixels that are fully transparent in the PNG are skipped by the tracer, so no background shape is created and the SVG is transparent there. Semi-transparent edge pixels are treated as either solid or empty, which avoids a faint halo around the shapes.

Why do my curves look slightly wobbly?

The tracer only sees pixel edges, so a small or blurry PNG gives it little information. Try a larger version of the image, or lower the corner threshold if sharp corners are being rounded. Raising the speckle filter removes tiny bumps caused by stray pixels.

Can I use the SVG with Cricut, Silhouette or a laser cutter?

Usually, yes. The output is plain SVG with filled paths, which cutting and engraving software can import. For cutting, the Sketch preset or Black & white output gives a single layer of black shapes, which is often easier to work with than many colored layers.

Why is the SVG bigger than my PNG?

Detailed images need many paths, and each path is stored as text. This happens with gradients, shadows, textures and photos. Try the Logo preset, lower the color precision, or raise the speckle filter. Keep Optimize SVG turned on; it often cuts the file to around a third.

Does it turn text in the PNG into editable text?

No. Letters are traced as shapes like everything else, so they look right but can't be edited as text. If you need editable text, retype it in a vector editor using the same font.

Are my PNG files uploaded?

No. Decoding and tracing both run inside your browser, in a background worker on your own device. Nothing is sent to a server, so you can vectorize client or unreleased artwork without sharing it.

Related tools

Last updated October 28, 2026

↑ ↓ to move · Enter to open · Esc to close