Skip to content

Convert PNG to SVG

Trace a PNG or JPG into a scalable SVG vector with presets for logos and illustrations, traced in your browser.

Drop an image to vectorizePNG, JPG, WebP… logos and simple graphics work best
Choose imageProcessed on your device — never uploaded
Runs in your browser · no uploadHow it works

How to use PNG to SVG

  1. 1

    Drop one image

    Add a PNG, JPG, WebP or other picture of up to 25 MB. Logos, icons, signatures and flat illustrations trace best.

  2. 2

    Choose a style

    B&W makes one-colour shapes from a brightness threshold; Color uses up to 32 colours; Detailed allows up to 64.

  3. 3

    Clean up the paths

    Raise Smoothing for rounder curves, use the Noise filter to drop specks, and switch Remove background on or off.

  4. 4

    Save the SVG

    Compare the result with the original, then download name.svg or copy the SVG code into your project.

Limits and Pro

One image of up to 25 MB at a time, traced at up to 2,000 px on the longest side with up to 64 colours.

Pro accepts source images of up to 4 GB. See Pro

About PNG to SVG

PNG to SVG traces the outlines in a raster picture and rebuilds them as vector paths, so the result can be scaled to a billboard or a favicon without pixels showing. The picture is first reduced to a palette with a median-cut quantiser, or to a single shape colour in B&W mode, and each colour region is then outlined by the imagetracerjs engine. The SVG contains one path element per colour layer, keeps the original picture's width and height, and can drop the background layer to make the logo transparent.

Three trace resolutions trade speed for detail: Fast works on 800 pixels along the longest side, Balanced on 1,200 and High on 2,000. Smoothing runs from Exact, which follows every pixel step, to Max, which rounds corners aggressively; the Noise filter removes islands smaller than up to 40 pixels. The statistics under the preview show how many paths and colours the file has, a good proxy for how heavy it will be.

Good candidates are a company logo that only exists as a PNG, a scanned signature or stamp, a cutting file for a vinyl plotter or laser engraver, and simple icons. Photographs are a poor fit: they come out posterised, and a detailed photo can produce a multi-megabyte SVG that is larger and slower than the JPG. Gradients turn into visible bands, text becomes shapes rather than editable letters, and very thin lines may break apart at low resolutions.

Privacy

Tracing runs in a dedicated Web Worker in this tab: the picture is decoded on your device, quantised and outlined by imagetracerjs, and the SVG is assembled locally. The tracer code is fetched from this site only after you choose an image. Neither the picture nor the SVG is uploaded or kept anywhere once you close the page.

Features

Clean vector paths

One compact path per colour layer, scalable to any size without pixels.

Three styles

B&W for logos and signatures, Color for flat art, Detailed for richer illustrations.

Smoothing and noise filter

Round off jagged steps and drop tiny specks before you download.

Copy the code

Paste the SVG markup straight into HTML, CSS or a design tool.

PNG to SVG: frequently asked questions

Which images convert best to SVG?
Pictures with clear edges and few colours: logos, icons, line art, signatures, stamps, flat illustrations and simple diagrams, ideally at least 500 pixels wide. Start with B&W for single-colour artwork and Color with 4 to 8 colours for flat graphics. Photographs and soft gradients produce thousands of tiny shapes, so for them the original JPG or PNG is usually the better file.
How do I get a transparent SVG logo?
Keep Remove background switched on; it is the default in B&W mode. The most common colour along the picture's edges is treated as the background and left out, so only the logo shapes remain. In B&W mode, use Invert for a light logo on a dark background and pick the Shape color you want. Check the preview against the checkerboard before you download.
Why does my SVG have rough or noisy edges?
Tracing follows the pixels it sees, so blurry, small or heavily compressed sources produce jagged outlines and stray specks. Switch Trace resolution to High, move Smoothing up to High or Max for rounder curves, and raise the Noise filter to 10 to 20 pixels to drop specks. A larger, cleaner source picture improves the result more than any setting can.
Is the result a real vector file?
Yes. The download is a standard SVG made of path elements with fill colours, with no embedded bitmap inside, so it scales to any size without pixels and opens in Illustrator, Inkscape, Figma, Affinity and every browser. You can recolour layers, delete shapes or simplify nodes there. Text in the original becomes outlined shapes, so it can't be edited as letters.
Can I use the SVG for a Cricut, plotter or laser cutter?
Usually, yes. B&W mode with Remove background produces filled shapes without a background rectangle, which cutting and engraving software can import directly. Use the Noise filter to remove tiny pieces that would be impossible to weed, and higher smoothing for clean curves. Check in your machine's software that small holes, such as the inside of letters, came through as you expect.

Other tasks with this tool

Related tools

All image tools

HEIC, WebP & AVIF converter

Convert HEIC, WebP and AVIF to JPG or PNG — and back

Favicon generator

ICO, PNG and manifest icons from an image, text or emoji

App icon generator

Every iOS, Android and PWA icon size from one image

Image resizer

Resize by pixels, percent or preset — in bulk