PNG to SVG Converter

Turn logos, icons, signatures and line art into real vector paths you can scale, recolor and cut. JPG, WebP and GIF work too, and nothing is uploaded.

How to convert PNG to SVG

1. Drop a PNG or JPG into the box above, tap Choose images, or paste a screenshot with Ctrl+V. You can add several images at once.
2. Pick the Image type closest to your picture. Logo / flat colors is selected by default; choose Line art (B&W) for signatures, handwriting and sketches.
3. Compare the original and the SVG side by side, and click the SVG to inspect its edges enlarged. If something looks off, open Advanced settings; every change traces the image again automatically.
4. Click Download SVG, or Download all (ZIP) once two or more images are done.

A real vector, not a PNG in an SVG wrapper

An SVG file is allowed to contain an ordinary bitmap, and some converters do exactly that: they embed your PNG inside an <image> tag as base64 text and give the result a .svg name. That file still blurs when you enlarge it, a cutting machine finds no outlines to follow, and you cannot change its colors.

This converter traces the picture instead. It groups pixels into a limited set of colors, follows the edge of each area and redraws it as smooth curves, so the download contains only <path> elements with flat fills — no embedded image and no base64. To check any SVG yourself, open it in a text editor: if you find data:image/png;base64 or an <image tag, it is a wrapper, not a vector.

The SVG keeps the pixel width and height of your original and includes a viewBox, so it drops into a layout at the familiar size and can then be stretched to a business card or a banner without going soft.

Start from the cleanest copy you have

Tracing can only follow edges it can see. A clean PNG exported from the original design gives smooth curves and a tiny file; a small, blurry or heavily compressed copy gives wobbly edges and lots of fragments. In a test with a 720 × 200 px wordmark, the PNG traced to 22 paths and 6 KB, while the same wordmark saved as a low-quality JPG (quality 40) came out at about 230 paths and 134 KB.

So look for the largest version you can get: the file from the brand’s own downloads rather than a screenshot, the original rather than a copy forwarded through a chat app. If all you have is an iPhone HEIC photo, convert it with HEIC to PNG first. If the logo sits on a busy background, cut it out with the background remover and trace the transparent PNG; transparent areas stay empty in the SVG. And if the logo only exists inside a PDF, open that PDF in Illustrator or Inkscape before anything else, because it may already contain vector shapes. Only a scanned page needs PDF to PNG and a trace.

What traces well, and what doesn’t

Vectorizing reduces a picture to a limited number of flat colors and turns each color area into shapes. Some images survive that almost unchanged; others lose what made them look right.

Semi-transparent pixels are handled in a simple way: anything at least half opaque becomes solid, everything else becomes transparent. A soft drop shadow therefore either turns into a hard-edged shape or disappears completely.

The four image types

Choosing an image type loads a starting point for the advanced settings. You can fine-tune any value afterwards; switching to another type replaces them with that type’s values.

Line art works differently from the other three. Transparent areas are first treated as white paper; then every pixel darker than mid-gray (below 128 on the 0–255 scale, averaged over red, green and blue) becomes part of a black shape and everything else is dropped. The result is black artwork on a transparent background, whatever color the ink was. Pencil lines paler than that threshold vanish, so raise the contrast of a faint sketch in a photo editor before tracing it.

Photo traces at most 1,200 px on the long side and rounds off corners, because a photo produces thousands of shapes. In a test, a 1440 × 960 px photo became a 1.3 MB SVG with about 2,200 paths in Photo mode; traced as a Logo, it took several times longer and produced a 9.8 MB file.

Advanced settings, explained

• Colors (2–32) — the most colors the SVG may use; each one becomes its own group of shapes. The engine also merges shades that are nearly identical, so you can end up with fewer colors than the number you set. Too few and similar colors melt into one; too many and the soft edges around shapes can turn into thin outlines of their own.
• Speck filter (0–20 px) — fragments smaller than that many pixels squared, measured on the original image, are dropped: at 4 px, anything under 16 square pixels goes. Raise it for noisy JPGs and dusty scans; set it to 0 to keep every last dot.
• Corners — how sharp a turn has to be before it stays a corner instead of being smoothed into a curve. Sharp keeps turns of 30° or more, Balanced 60° or more, and Smooth only 120° or more. Sharp suits geometric marks and square lettering; Smooth suits hand-drawn or rounded artwork.
• White background — Keep traces white like any other color, so a white backdrop becomes a white shape. Remove clears near-white pixels connected to the edge of the image but keeps white inside the artwork, such as the holes in letters like O and A or the shine in an eye. Remove all white clears every near-white pixel, inside and out. Near-white means red, green and blue are all 230 or higher, so slightly off-white paper and faint JPG noise count as white.

Dragging a slider only updates its number; the image is traced again when you let go. During a re-trace the previous SVG stays visible but dimmed, and longer jobs show a seconds counter in the file’s status. Your choices are remembered in this browser for next time.

What happens to size and transparency

• Large images are reduced first. Anything over 2,000 px on its long side is traced at 2,000 px (1,200 px in Photo mode). More pixels would mostly make the trace slower and the file bigger, and the file’s status tells you when this happens.
• Small images are enlarged first. Curves come out smoother when there are more pixels to follow, so a small PNG, GIF or BMP is scaled up to 1,000 px and a JPG or lossy WebP to 2,000 px, never more than four times its size. Photo mode skips this step.
• The SVG keeps your original dimensions. Whatever size was traced internally, the file’s width and height equal the source image’s pixel size.
• Transparency stays transparent. Pixels at least half opaque are traced as solid color and the rest are left empty, so a logo on a transparent PNG comes out with nothing behind it rather than a black box.
• Only the first frame is used. An animated GIF or WebP is traced as a still image.

Using the SVG in design apps and on the web

The download is a standard SVG 1.1 file, so every vector editor can open it:

• Figma — drag the file onto the canvas and it becomes editable vector layers. Select a shape to change its fill.
• Adobe Illustrator — open the SVG and every shape is a separate path you can select, recolor or delete. From there you can save it as AI, EPS or PDF when a print shop asks for one of those.
• Inkscape (free) — SVG is its native format. Path → Simplify removes more nodes if you need lighter curves, and Save As offers PDF, EPS and DXF.
• Websites — use it in an <img> tag or paste the code inline. The converter writes fixed hex colors; for a one-color icon that should follow the surrounding text color, replace its fill value with currentColor in a text editor.

Colors in the SVG are taken from the traced areas, not from a brand guide, so they can differ slightly from an official brand color. If exact values matter, set the fills to your brand palette in the editor before you send the file on.

Cricut, other cutting machines and lasers

Cutting machines and laser software want SVG because it contains outlines to follow. Cricut Design Space, for example, brings in a PNG or JPG as a single flat layer, whereas an SVG arrives with its shapes split into layers. A few choices make that layer list much easier to work with:

• Fewer colors, fewer pieces. Each color in the SVG usually means a separate sheet of vinyl or card, so set Colors close to the number of materials you actually plan to cut.
• Remove the white background unless you want a white backing piece; kept, the white backdrop becomes an extra large piece in the layer list.
• Shapes are stacked, not cut out. A shape lying on top of another color is simply drawn over it, and the shape underneath has no matching hole. That suits layered vinyl and paper crafts, where each piece sits on the one below; if you need pieces that fit together like a jigsaw, subtract the overlaps in your design software.
• Outlines, not single lines. Every stroke is traced as a filled shape with an edge on both sides. Drawing with a pen, foil or a single engraved line along the middle of a stroke needs centerline tracing, which this converter does not do.
• Line art gives one black layer, which is usually what you want for a decal or an engraving fill.

Laser programs such as LightBurn import SVG as well, and you then decide per layer whether shapes are cut or engraved.

Keeping the file small

A traced SVG’s size depends mostly on how many shapes it contains, and the path count is shown on each result. Fewer colors, a larger speck filter and the Logo type all bring it down; if a file passes 2 MB, its status suggests what to change. The output is already written compactly, with relative coordinates and two decimal places, so an SVG optimizer usually trims only a little more.

Tracing logos you don’t own

Converting a file to SVG does not change who owns the artwork. Your own brand, a client’s logo traced with their permission and freely licensed art are all fine to vectorize. Selling cut files of someone else’s brand or characters can infringe their trademark or copyright, however the file was made.

Frequently asked questions

More free tools