Skip to content

Convert PNG to SVG — Transparent Vector Trace

Trace a PNG logo, icon or drawing into a real, scalable SVG. Transparency is kept, colours are flattened to the number you choose, and nothing is uploaded.

Updated October 2026 · Free · Works entirely in your browser

Choose a PNG to convert to SVGPNG, JPG, WebP, GIF or HEIC · traced in your browser, nothing is uploaded
What kind of picture is it?

Few flat colours, crisp corners — best for logos, text and clip art

Why PNG is the best starting point for an SVG

PNG is lossless, so the edges of a logo are exactly what the designer drew — no JPG blocking for the tracer to mistake for detail. And PNG carries an alpha channel, so a logo with a transparent background traces into shapes with nothing behind them, ready to drop onto any colour. That is why a PNG traces cleaner than the same image saved as a JPG.

How the conversion works

The PNG is reduced to a small palette (the Colours slider), each colour's regions are outlined, specks below the Detail threshold are discarded, and the outlines are fitted with lines and quadratic curves. Regions that were fully transparent in the PNG are dropped, so the SVG has a genuinely empty background.

GoalPresetTip
Website logo or iconLogo / iconMatch Colours to the logo's real colour count
Cricut / Silhouette cut fileBlack & whiteTick Transparent background
Laser engravingBlack & whiteHigh detail for fine lines
Sticker or clip artIllustration8–16 colours

Before you trace

  • PNG has a white background instead of transparency? Remove it with Make Background Transparent first.
  • Small or blurry PNG? Enlarge it 2–4× with the image upscaler — smoother edges trace into smoother curves.
  • Tracing a photo for a Cricut or a stencil? Turn it into clean line art with Photo to Coloring Page first, then trace that with the black-and-white preset.
  • Need it the other way round? SVG to PNG renders an SVG at any size.

Using the SVG

The file opens in any browser and in Illustrator, Inkscape, Figma, Affinity Designer, Canva and Cricut Design Space. Paths are written colour by colour and each carries its own fill, so you can select every shape of one colour (Select › Same fill in most editors) and recolour or delete it at once. On a website, an SVG logo stays razor-sharp on high-density screens at a fraction of the size of a large PNG.

Frequently Asked Questions

Everything you need to know about image conversion.

Yes. Fully transparent areas are left empty in the SVG — no white box behind your logo. Semi-transparent edges are traced as their own colour band.

Yes. The PNG is traced into filled paths made of lines and curves, so it stays sharp at any size and can be edited in Illustrator, Inkscape, Figma, Canva or Cricut Design Space. It is not a PNG embedded in an SVG wrapper.

Choose Black & white and tick 'Transparent background'. You get only the dark shapes as cut paths. For multi-colour layered vinyl, use Logo / icon and set Colours to the number of vinyl colours.

Lower the Detail slider: it drops shapes below a minimum size and smooths outlines. Fewer colours also removes the anti-aliasing shades along edges.

No. Decoding and tracing happen in your browser; nothing leaves your device and there is no watermark.

You can, with the Photo preset, but the result is a posterised, artistic version — tracing cannot reproduce photographic detail without making a huge file. SVG suits logos, icons, text and line art best.