PNG to SVG — Vectorize an Image in Your Browser
Turn a PNG, JPG, WebP, GIF, or BMP into a real SVG with traced paths you can edit, scale, and recolour. Choose how many colours to keep, pick a tracing style, and compare the vector against the original before downloading. Everything runs in the page — the image is never uploaded.
Worth knowing before you start: a number of “PNG to SVG” services do not vectorise anything. They wrap the original bitmap in an <image> tag inside an SVG container, which produces a file with an .svg extension that is still a photograph — it blurs when scaled and cannot be edited in Illustrator, Figma, or Inkscape. This page traces the shapes properly, which is why the result has a colour count and a path structure.
Colour count is the setting that matters
Tracing works by grouping pixels into flat colour regions and drawing an outline around each one. Fewer colours means fewer, cleaner regions and a dramatically smaller file: a two-colour logo traced at 2–4 colours can end up a few kilobytes with crisp edges, while the same logo at 32 colours picks up every anti-aliased pixel along the edges and produces hundreds of slivers. Start low and raise it only if something you need has disappeared.
What traces well, and what does not
Logos, icons, line art, screenshots of flat interfaces, signatures, and simple illustrations trace well. Photographs do not: a face has no flat regions, so tracing it produces a mosaic of blobs that is larger than the JPG and worse to look at. If you need a photo to be bigger, upscale it instead — the image upscaler is the right tool for that. And if the original artwork exists as a vector somewhere, using that will always beat tracing a screenshot of it.
After the trace
The output is standard SVG markup: open it in a vector editor to clean up stray shapes, or paste it straight into HTML, where it can be styled with CSS and recoloured with fill. Large source images are scaled to 1000 pixels on the longest side before tracing, because the work happens on your own processor and tracing every pixel of a large photo takes minutes without improving the result.
Related: convert between raster formats with the image converter, build icon files with the favicon generator, or pull the colours out of an image with the colour palette extractor.
How to use PNG to SVG
- Drop in a PNG, JPG, WebP, GIF, or BMP. Logos, icons, and flat illustrations give the best results.
- Pick a tracing style: “Logo or flat art” for clean edges, “Detailed” to keep small shapes, or “Smoothed” for anti-aliased or noisy sources.
- Set the colour count. Two to four is usually right for a logo; raise it only if something important is missing.
- Compare the traced result against the original side by side, and adjust the settings until the edges look right.
- Download the .svg, or copy the markup straight into your HTML or a vector editor.
Features
- Real path tracing — the output contains vector shapes, not the original bitmap wrapped in an SVG tag.
- Colour control from 2 to 32 — the single setting that decides between a clean small file and a heavy one.
- Three tracing styles — tuned for flat artwork, for detail, and for smoothing noisy or anti-aliased edges.
- Side-by-side comparison — the original and the vector on a transparency grid, so differences are obvious.
- Size shown before you download — compare the SVG against the original file.
- No upload and no account — the tracing runs in the page, so the artwork stays on your device.
Frequently Asked Questions
How do I convert a PNG to SVG?
Drop the PNG in above, choose “Logo or flat art”, set the colour count to roughly the number of distinct colours in the image, and download the result. For a two-colour logo, try 2 to 4 colours first — the file will be small and the edges clean.
Is the result a real vector?
Yes. The image is traced into paths, so the SVG can be scaled to any size, edited in Illustrator, Figma, or Inkscape, and recoloured with CSS. This is worth checking with any converter: several return an SVG that simply embeds the original bitmap, which looks identical at first and falls apart the moment you scale or edit it.
Why does my photo look strange after tracing?
Because photographs have no flat colour regions. Tracing groups pixels into areas of one colour, so a face becomes a mosaic of blobs and the file ends up larger than the original. Vectorise logos and line art; to make a photo bigger, upscale it instead.
How do I get a smaller SVG file?
Lower the colour count — it has more effect than anything else. Choosing the “Smoothed” style also helps on anti-aliased sources, because it removes the fringe of intermediate pixels along edges that would otherwise become dozens of tiny paths.
Can I convert a JPG or a logo screenshot too?
Yes, JPG, WebP, GIF, and BMP all work. A screenshot of a logo traces acceptably, though edges that were anti-aliased on screen will need the Smoothed style or a lower colour count. If you can get the original vector file from the brand, always prefer that.
Does the image get uploaded?
No. The tracing runs in your browser, so the image never leaves your device. There is no account, no watermark, and no limit on how many images you convert.