ImageToSVG.site · PNG to SVG free · no uploads · no signup

Drop an image here
or click to choose a file · paste with Ctrl/Cmd-V
PNG · JPG · WebP · GIF · BMP · AVIF

Convert PNG files to SVG online

PNG is the ideal source for vectorizing: it is lossless, supports alpha transparency, and keeps flat-color artwork crisp. Drop a PNG below and the converter rebuilds it as clean, layered SVG paths: transparent backgrounds stay transparent, colors are detected at their exact values, and nothing is uploaded to a server.

How to convert PNG to SVG

  1. Load your PNG file. Drag it onto the drop zone, paste it from the clipboard, or click to browse; nothing is uploaded.
  2. Tune the vector. Set the color count and simplification; adjust gamma, contrast, hue and saturation to sharpen the trace.
  3. Check with the slider. Glide between the original image and the traced vector, zooming in to inspect edges.
  4. Download. Save the layered SVG, or grab each color layer separately for cutting and printing.

Why PNG is the friendliest format for SVG tracing

PNG is a lossless container built on DEFLATE compression: the pixels that go in are exactly the pixels that come back out. There is no block structure, no quantization of color data and no generation loss, so the artwork reaches the tracer exactly as its author drew it: edges are as sharp as they were at export time, and every color value is exactly the value in the file. That matters more than most people realize, because the hardest part of vectorizing is not drawing curves; it is correctly deciding where one color region ends and the next begins. When the source has provably clean color regions (as PNG does), that decision is trivial and the output is effectively pixel-perfect.

PNG also carries an 8-bit alpha channel, and the tracer uses it literally: any pixel below 50% opacity is excluded from tracing entirely, which is why transparent backgrounds survive the conversion untouched. Semi-transparent edge fringes left behind by anti-aliasing are handled separately: the palette cleaner identifies the in-between "halo" shades that blending produces and either folds them into the adjacent true color or drops them, so the traced boundary follows the shapes rather than the blend band.

One honest caveat: PNG is a container, not a promise. A PNG can hold a photograph, and traced photographs come out posterized no matter which format they arrived in. What PNG guarantees is that everything that can trace cleanly (logos, icons, lettering, pixel art, clipart, flat illustrations) traces as well as it possibly can. Export your artwork from Figma, Illustrator or Inkscape as a PNG at a generous size, drop it here, and the vector you get back will be the best the source allows.

PNG with transparent background: no white box in the SVG

The single most common PNG-to-SVG complaint is a white box that appears behind the artwork after conversion — usually the moment the file lands in Cricut Design Space, a vinyl cutter, or a dark website background. A tracer produces that box when the transparency information is treated as "white": the background pixels are counted as a real white layer and traced along with everything else. Here the opposite is true by construction: every pixel below 50% opacity is excluded from tracing, so a transparent PNG becomes a transparent SVG. If your source has an alpha channel, choose it as the source of truth — a PNG exported "with transparency" from Figma, Canva or Illustrator, not a flattened screenshot of it.

If the background arrived as a solid color (white, or some old-school web gray) instead of true transparency, one click fixes it: click the ⌫ on that color's swatch in the palette panel and the layer is knocked out to transparency before download. The same one-click path covers the mission "remove background from PNG" without any separate background-removal tool. And for cutting work specifically, the Cut-ready button does the whole job at once: it merges every color into a single solid layer and knocks the background out automatically, which is exactly the shape a plotter or Design Space wants to see.

"PNG to SVG with color": keeping every shade you drew

Another frequent worry — "will it come out just black and white?" — has a direct answer in the pipeline. The palette is extracted from your PNG's actual pixel values, and the color count is auto-preset to match what the image naturally contains (flat art usually lands on its exact design colors without touching anything). Each color becomes its own SVG path layer: a three-color badge traces as three path groups, each carrying its true hex value, so what you download is what you drew, layered and editable.

You stay in control of the palette afterwards. The Merge control folds a cluster of near-identical shades into any other color — a brand value from your style guide, or a custom target picked with a color picker — which is how anti-aliasing leftovers get cleaned up without touching the artwork elsewhere. The knockout control removes a color you no longer want in the file, and each layer can also be downloaded as its own SVG for color-separated work: screenprinting, layered heat-transfer vinyl, or a sign shop that quotes by color count.

PNG to SVG: FAQ

Will my PNG's transparent background survive the conversion?

Yes. Transparent pixels are excluded from tracing, so the SVG keeps a transparent background. Any solid color can also be knocked out to transparency with one click on its palette swatch.

My PNG logo has anti-aliased edges. Will the SVG look jagged?

No. The tracer detects and drops the in-between "halo" colors that antialiasing creates, then smooths the boundary curves, so edges come out clean at any zoom level.

How many colors should I use for a PNG logo?

Start with the default (5); flat logos are auto-detected at their true colors. Raise it to 8–12 for logos with gradients or shadows, and use Merge to fold similar shades together.

Is a PNG converted to SVG a real vector file?

Yes, the output contains mathematical Bézier paths grouped by color, not embedded pixels. It scales infinitely and opens in Illustrator, Inkscape, Figma, Cricut Design Space and laser software.

How do I convert a PNG to SVG with color, not just black and white?

Nothing to switch on: the palette is extracted from the PNG's real colors and each color becomes its own path layer. The color count auto-matches what the image contains; raise it for gradients, or use Merge to fold stray shades into exact brand values.

Why does my transparent PNG come out with a white box in other converters?

Elsewhere the transparency is often rendered as white and traced as a layer. Here, anything below 50% opacity is excluded from the trace by design — and if a solid background color did sneak in, one click knocks it out to transparency before you download.

Converting a different format? We also handle PNG to SVG, JPG to SVG, WebP to SVG, GIF to SVG, BMP to SVG, AVIF to SVG and the main image to SVG converter, all free, all in-browser. Turning a logo into a vector? There is a dedicated logo to SVG page. Making a cut file for a plotter? The SVG for Cricut page covers the whole workflow. Want the deeper background? The guides hub covers how image tracing works, preparing logos for vinyl cutting and layered SVGs for laser engraving.

Drop to vectorize