PNG to SVG converter

PNG to SVG, drawn as real shapes.

Drop in a PNG. VecSnap draws it again as circles, curves and flat colors, keeps a transparent background transparent, and shows you every anchor point before you keep the file.
  • Converting and previewing are free
  • One credit keeps the file, every format included

The short version

To convert a PNG to SVG, drop it on VecSnap. It draws the image again as vector shapes in full color, leaves the transparent areas empty and keeps the anchor points few, so the file stays sharp at any size and opens in Figma, Illustrator and Cricut Design Space. Converting and previewing are free, and one credit keeps the file.

Updated Oct 24, 20263 sources

The file, opened

Every anchor point, before you keep it.

A real PNG converted by VecSnap. Drag the split, zoom in, or put it beside potrace, the tracer inside Inkscape.
OriginalVecSnap

An example we picked, made with Gemini.

Anchor points
VecSnap 84, potrace 18,98299.5% fewer
File size
VecSnap 2.2 KB, potrace 444 KB99.5% lighter

In the file

2 circles · 5 paths

Convert your file

Real vectors

Does converting a PNG to SVG lose quality?

No, when the converter draws shapes. Up close, a PNG shows its pixels and a drawn SVG shows clean edges. Some converters only put the pixels inside an SVG file: open the file in a text editor to tell.
Original
1,200 pxthe PNG as uploaded, its own pixels
VecSnap
84anchor points in the whole file
A PNG wrapped in an SVG file
<svg viewBox="0 0 1200 1200">
  <image width="1200" height="1200"
    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…"/>
</svg>
  • The same pixels, so it blurs when you zoom
  • No shapes to select or recolor
  • Often heavier than the PNG itself
VecSnap's Web file of this PNG
2.2 KB, the whole file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048">
<path fill="#c93e27" d="M677.56 1365.44l693.14.08c6.69.54 6.08-1.93 9.94-2.15l-70.93 393.17c-3.64 20.06-21.35 34.18-41.19 35.58q-.19-.16-7.51-.07l-475.84-.03c-1.31.05-2.58.01-4.01.08-24.04-1.3-39.37-16.17-43.68-39.42l-65.62-365.65c-1.19-6.88-2.85-14.41-2.82-21.43l8.52-.16z"/>
<path fill="#202e4e" d="M1243.08 1237.99c-60.84-1.17-122.52-.81-183.65-.69l-255.26-.25c-.04-1.65-.57-3.78-.57-5.88l.1-291.45c-.02-24.01-.77-48.53.71-72.44 9.53-153.18 172.44-248.25 311.3-184.63 80.44 36.85 128.67 113.14 129.07 201.96l.02 347.41c0 3.75.17 2.71-1.72 5.97z"/>
<path fill="#202e4e" d="M797.86 399.7c5.06 4.01 17.51 12.24 25.13 19.37 34.51 31.15 54.67 75.31 56.95 121.89.25 5.66.13 11.82.12 17.5l.05 119.83q-37.66 27.72-60.56 60.9c-27.44 39.2-42.69 84.93-45.02 132.44l-10.95-.68c-123.71-12.93-222.35-119.42-225.57-244.1-.44-15.22-.08-31.18-.17-46.5.24-11.91-.18-23.99.2-35.99 1.25-39.56 16.52-81.09 43.11-110.39 3.79-4.04 7.33-7.71 11.35-11.57 1.28-1.3 1.74-.99 2.7-2.14q2-2.09 1.53-3.52c.04.61 1.22.94 1.25 1.56q.04 4.07 8.38 14.59c54.1 68.66 164.53 50.48 191.5-33.19z"/>
<path fill="#d0e5ee" d="M804.3 1237.05l255.13.22c61.08.03 122.9-.55 183.69.84 2.03-.07 3.61 1.17 5.68 1.39.34-.12-.14-1.5 1.92-2.13.75.06 3.23.24 4.01.22l165.75-.27c15.71-.21 27.49 10.72 27.38 26.74l-.02 75.37c0 11.71-10.75 25.44-23.07 25.53l-37.42.11c-5.51-.14 1.1-2.89-5.68-2.88-4.19.27-3.95 2.72-5.12 2.58-1.07-.13.36-1.22-1.29.2-.66.39-3.85 1.06-4.5.58l-693.21.02c-1.03-.29-5-1.59-5.27-1.58-2.14.09 1.09 1.67-1.22.66-1.61-.71-1.48-4.17-6.43-2.16-3.81 1.54.71 2.5-6.03 2.58l-35.47-.15c-11.09-.05-22.99-13.26-22.97-23.95l.01-80.42c.08-10.14 12.19-22.62 22.08-23.02h21.94l153.98-.07c1.1 1.19 1.21 2.85 3.71 4.17 4.03 2.11 5.3-1.65 2.42-4.58z"/>
<path fill="#202e4e" d="M1309 660q.82 6.5 4.37 14.63c30.14 68.91 119.8 85.6 169.8 29.26 15.34 22.15 25.59 48.73 26.82 76.25.46 10.45.01 21.48.01 31.99 0 15.04.49 30.5-.01 45.49-3.7 111.09-98.7 208.97-211.07 209.12l-25.35-.04.03-185.41c-.42-46.13-13.54-90.6-37.08-130.06l-5.27-8.5c13.12-39.4 38.16-66.24 74.88-84.79 4.18-2.11 1.5-.62 2.87 2.06z"/>
<circle cx="693.2" cy="365.38" r="110.05" fill="#db9c32"/>
<circle cx="1408.02" cy="635.33" r="102.33" fill="#db9c32"/>
</svg>
  • Edges stay sharp at any size
  • Shapes you can select and recolor
  • Light enough to paste into code

What you get

What a good PNG to SVG file keeps

  • Real shapes

    Circles stay circles and curves stay smooth, ready to select in your editor.

  • Every color

    Each color of the PNG comes out grouped, so you can change it in one step.

  • A transparent background

    The empty areas of the PNG stay empty, so the file sits on any background.

  • Few anchor points

    Each edge has the points it needs and no more, so the file stays easy to edit.

Which file

Which file to download for Figma, print or the web

  • A website or an appWeb file

    The lightest SVG: a viewBox and the shapes, with nothing to strip out.

  • Figma or IllustratorDesign file

    Layers named by role, real circles and rectangles, colors grouped.

  • A print shopPDF

    The Design file as a PDF, ready to print at any size.

One credit keeps the image, with every format included.

Questions

PNG to SVG, answered.

The questions people ask most about converting a PNG, from search and from assistants.

Sources

Yes. VecSnap keeps every color of the drawing and groups the shapes of each one, so a color changes everywhere in one step. potrace, the tracer inside Inkscape, draws one color at a time.

More converters

Starting from something else?

JPG to SVG converter

Compression marks cleaned before drawing, so a soft JPG still gives clean edges.

From .jpg and .jpeg

Logo to vector converter

The vector file a printer, a website or a designer asks for, its name kept as a word.

From any logo image

Drop a PNG. Check the file.

Converting is free. You see the whole result before you spend anything.