search⌘KtranslateENexpand_moreupload_fileConvert

Convert PNG to SVG Online Free

PNG to SVG isn't a conversion. It's a tracing.

A PNG is a grid of coloured squares. An SVG is a set of shapes described by points. Going from one to the other means finding the edges and drawing outlines around them, which works beautifully for logos, and badly for photos.

Flat logoSketchPhoto

brand-mark.png24 × 24 px · zoomed

Flat colours with a one-pixel soft edge where the circle meets the background: typical of any exported logo.

traced SVGpolylinepoints

2 colours

colours2fewermore

detail5smoothexact

ignore specks< 4 pxkeep alldrop bits

shapes2points53PNG3.2 KBSVG1.9 KB

check_circleClean trace: 2 shapes, 53 points. Scales to billboard size with no loss.

polylineTrace to SVG

70 formats in and out, from JPG and HEIC to Photoshop, camera RAW and 1980s Unix bitmaps. JPG, PNG, WebP and AVIF use your browser's encoders, and GIF, BMP, ICO and TIFF are written by this page. The other 62 go through ImageMagick compiled to WebAssembly, which downloads once when you pick one and runs on your device. Every result is decoded again and compared with the original before you save it.

collections

Drop images or click to chooseany of 70 formats · several at once · nothing leaves your device

photo_libraryTry 3 samples

inboxno images yet

downloadSaveremove

Converted on this device · nothing uploaded

folder_zipswap_horizAdd images first

1Save as57 of 70 write here

language.webpWebsitesmall, every browser

photo_camera.jpgPhoto for anyoneopens on any device

layers.pngKeep transparencylossless logos, screens

compress.avifSmallest fileAV1 compression

print.tiffPrint & scanslossless master

brush.psdPhotoshopopen in PSD apps

searchAll 70 formats9 familiesexpand_more

No format matches “”.

.webpUsually the smallest lossy file browsers all open, and it keeps transparency.written by browser encoder

2Quality80Passed to the WEBP encoder as 0.80. Each browser maps it to its own quantiser, so 80 in Chrome and 80 in Safari differ slightly.

3Longest side

original2048 px1280 px640 px

4Fill transparency

whiteblacklight grey

Used where the output can’t hold transparency (JPG) and as the backdrop when accuracy is measured.

~/why-bother

Zoom in until one of them gives up.

A PNG can only be as sharp as the pixels it was saved with. Blow it up for a banner, a T-shirt or a vinyl cutter and the squares show. The SVG redraws its outlines at every size, so the edge is always a clean curve.

zoom6×

PNG · 24 pxblocky

SVG · tracedsharp

At 6× each PNG pixel is 6 screen pixels wide, and the soft edge turns into steps.

~/garbage-in-garbage-out

Four fixes before tracing that matter more than any setting.

A tracer draws around whatever it sees, including dust, compression smudges and soft edges. Every stray pixel becomes a stray shape. Clean the image first and the SVG comes out lighter and cleaner.

01Boost contrast

arrow_forward

Push light areas to white and dark areas to black, so the tracer finds one clear edge instead of a gradient.fewer stray shapes

02Remove the background

arrow_forward

A textured or photo background gets traced too. Cut it out first so only the artwork becomes shapes.up to 90% smaller SVG

03Upscale tiny images

arrow_forward

A 64 px logo has too few pixels to describe a smooth curve. Enlarging it to 500 px or more gives the tracer something to follow.smoother curves

04Crop to the artwork

arrow_forward

Empty margins waste nothing in a PNG but can pick up noise when traced. Crop close around what you want.tighter viewBox

~/it-is-just-text

Open an SVG in a text editor and you'll read the drawing.

Each shape is a path with a list of moves and curves. Tracers write coordinates with far more decimal places than anyone can see. Rounding them, and merging shapes of the same colour, often halves the file without changing a single visible pixel.

Optimise the SVGRound to 1 decimal · merge same-colour paths · drop editor metadata

<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="1024px" height="1024px" viewBox="0 0 100 100"> <path fill="#0d9488" d="M50.0000 8.0000C73.1960 8.0000 91.9998 26.8038 91.9998 50.0000S73.1960 91.9996 50.0000 91.9996…"/> <path fill="#FFFFFF" d="M33.0412 32.9871L66.9588 33.0129L67.0036 66.9918…"/> <path fill="#F3A9C6" d="M49.9981 7.4410C73.4966 7.4410…"/></svg>

file size6.1 KBpaths3saved-

~/other-routes

Going the other way, or tidying up first.

Tracing sits between cleaning a raster image and exporting vector artwork at every size.

photo_size_select_largeSVG to PNGExport the finished SVG at every size a website, app store or favicon needs.logo.svgarrow_forward8 PNG sizes auto_fix_highBackground removerStep 2 above in one click: lift the artwork off a photo or scan before tracing.scan.pngarrow_forwardcut-out.png photo_size_select_largeImage resizerUpscale a tiny logo to 500 px or more so the traced curves come out smooth.logo-64.pngarrow_forwardlogo-512.png paletteColour palettePull the exact brand colours from the PNG so the SVG fills match.logo.pngarrow_forward#0d9488 +1

Sources

[1]SVG 2 pathsThe path commands (M, C, S, Z) that describe every traced shape.W3C Recommendation ↗[2]Image tracingHow bitmap-to-vector tracing finds edges and fits curves.Wikipedia ↗[3]PotraceThe widely used open-source algorithm for tracing bitmaps into smooth outlines.Peter Selinger ↗

Frequently Asked Questions

Is converting PNG to SVG free?

Yes, PNG to SVG conversion is completely free with no signup, no watermark, and no usage limit. Convert as many files as you need.

Are my files uploaded to a server?

No. The PNG to SVG converter runs in your browser when your file is supported there, so the file stays on your device for that workflow, reducing server exposure for that workflow. Confirm the processing mode before using sensitive content.

How long does PNG to SVG conversion take?

Most PNG to SVG conversions finish in under a minute. Expect a longer wait for a bigger file. It runs on your own device either way, with no account step in front of it.

Will the conversion reduce file quality?

It depends on the pair. Lossless gives you the same thing back, byte for byte. Lossy makes the file smaller and costs you something, though whether you can actually see or hear it is another question.

Does this work on mobile devices?

Yes. The PNG to SVG converter works on phones, tablets, and desktops in any modern browser including Chrome, Safari, Firefox, and Edge.