Convert PNG to SVG
A PNG logo traced into clean vector shapes, with its transparent background kept, on your own device.
- Nothing is uploaded
- Works offline after first visit
- Open source
- No watermark · limit is your device’s memory; phones hold less
Convert a PNG logo or icon into a true vector SVG, keeping its transparent background. It is free, needs no account and adds no watermark, and your files are not uploaded: everything runs in your browser on your device. The size limit is your device’s memory, and phones hold less; give the page a short while after one visit to save itself for offline use, and then it works offline.
Done
Open the network tab. Your files never appear in it.
Add files and run the tool to see every request this tab makes.
Your files are processed on this device and never sent to a server. Reload the page to clear everything from memory.
A PNG is a grid of pixels. Blow a 300-pixel logo up for a banner or a van and its edges turn soft and stepped. An SVG describes the same logo as shapes, so it prints sharp at any size and a designer can change a colour in one click. This page traces the PNG into those shapes rather than wrapping the pixels in an SVG file.
A worked example: a café sends you its logo as a 600×600 PNG with a transparent background, a brown cup and green lettering. Drop it and the Logo style is already chosen. The preview shows the traced SVG beside the original; the transparent areas stay transparent because fully see-through pixels are never drawn. Check that the letters kept their counters (the holes in o, a and e), then download. Open the SVG in Inkscape, Figma or Illustrator and each colour is its own set of paths.
If the PNG has a white box behind the logo instead of transparency, tick “Leave out white”. Every white area is dropped, including the inside of the letters, which is usually what you want for a sticker or a shirt print. For a one-colour icon or a line drawing, the Black and white style gives the cleanest edges.
How it works
- Drop one or more PNG files; the Logo style is already chosen.
- Compare the traced preview with the original, and tick “Leave out white” if the logo sits on a white box.
- Press Convert to SVG and download the vector files.
In your browser, not on a server
Your browser decodes the image in the tab. It is scaled so its longest side is between 400 and 1,000 pixels (800 for the Detailed style) and handed to imagetracerjs (public domain), running in a background worker. The colours are reduced to a palette (2, up to 8 or up to 32), the outline of every area of each colour is traced, and each outline is fitted with straight lines and quadratic curves. The shapes are scaled back to the image’s own width and height and written as SVG paths. Black and white first sets each pixel to black or white with a threshold chosen from the image’s own brightness (Otsu’s method).
Compared with upload-based tools: Online vectorizers upload your artwork, and the good ones charge per image or add a watermark to the free result. Here the logo or drawing is traced on your device, as many files as you like, with a preview beside the original before you download.
Verify it yourself. Give the page a short while after one visit to save itself for offline use, then turn off Wi-Fi or switch to airplane mode and run the tool again. Or open your browser's developer tools (F12, or Cmd-Option-I on a Mac), pick the Network tab, and watch it while you convert. The panel above does the same count for you.
Questions
Is the transparent background kept?
Yes. Fully transparent pixels are left out of the SVG, so the vector has no background. Soft, half-transparent edges such as a drop shadow become a solid band of the nearest colour, since each traced shape has one fill.
Why does my logo have extra colour bands around the edges?
Anti-aliasing: the PNG blends each edge pixel between the logo and the background, and those in-between shades can become thin shapes of their own. Use a larger copy of the logo if you have one, or choose Black and white for a one-colour mark.
How large is the SVG compared with the PNG?
For a flat logo the SVG is often a few kilobytes to a few tens of kilobytes. The note under each download gives the number of shapes, colours and the file size, so you can see at a glance whether the trace stayed simple.
What about a PNG screenshot or photo?
A screenshot of text or a photo is not a good fit: it traces into thousands of tiny shapes that look posterised. Keep those as PNG, or compress them with the PNG compressor instead.
Is the file uploaded anywhere?
No. There is no server in this process. The page is a static file and the work is done by code running inside your browser tab. Give the page a short while after one visit to save itself for offline use; then you can turn off Wi-Fi and it still works.
More image tools
Image to SVG
Logos, drawings and signatures traced into shapes that scale to any size, on your own device.
Crop GIF
Drag a box over the part of the animation you want to keep. Every frame is cropped to it, and the GIF never leaves this device.
Add text to GIF
Write a caption on every frame of an animated GIF and drag it where you want it. Done on this device, and the GIF is not uploaded.
Merge GIFs
Join several animated GIFs end to end, in the order you choose. They are put together on this device, and the GIFs are not uploaded.
Other conversions
Guides
- How to convert an image to SVGA PNG or JPG is a grid of pixels; an SVG is a set of shapes. Turning one into the other is called tracing. Here is what to expect, and the steps.