PNG to SVG: Works on Logos, Fails on Photos

The logo you were sent is 400 pixels wide and it needs to go on a two meter banner. Blown up that far it turns into a blocky smear. So you go looking for a PNG to SVG converter, and twenty of them promise a clean vector in one click.

Some will deliver exactly that. Others will hand you a 3 MB SVG that looks worse than the PNG did. The tool is rarely what decides it. The image you feed it is.

What converting actually does

A PNG is a grid of colored dots. An SVG is a list of drawing instructions: put a circle here, fill it with this red, curve a line from this point to that one. Your browser redraws those instructions at any size, which is why a vector logo stays sharp on a favicon and on a building.

Going from one to the other means guessing. Software reads your pixels, groups similar colors together, draws an outline around each group, and saves the outlines as shapes. That guessing is called tracing, and it's brilliant on some images and useless on others.

The ten second test

Squint at the image until it goes fuzzy. If it still reads as a handful of distinct shapes, tracing will find those shapes and you'll be happy. If it dissolves into mush, so will your SVG.

Traces well: logos, wordmarks, app icons, line art, scanned signatures, stickers, silhouettes, flat charts. Anything with a small number of solid colors and edges you could follow with a pen.

Traces badly: photographs, gradients, drop shadows, soft or feathered edges, textures like fabric and wood grain, small text baked into the image, and heavily compressed JPEGs where the compression blotches get traced as if they were real detail.

How to convert PNG to SVG

1. Open the Image Vectorizer and drop in your PNG, JPG, or WebP, up to 10 MB.
2. Pick a preset. Sharp for geometric logos, Curvy for hand drawn shapes, Default for everything else.
3. Set max colors to the number of colors actually in the logo, usually somewhere between 2 and 8. Cranking it to 64 hoping for accuracy is exactly how you end up with a bloated file.
4. Trace it, then view the result at full size before downloading anything.
5. Adjust and trace again. Two or three passes is normal, not a sign you did something wrong.

The tracing engine runs inside your browser tab, so unreleased branding and client artwork under NDA never leave your machine.

What tracing can never give back

Text stops being text. The tracer draws the outline of each letter, so you can't retype the company name, change the font, or fix a typo afterwards. Perfect shapes stop being perfect: a circle becomes an approximately round curve with a lot of points. Layers and names vanish, leaving a flat stack of anonymous paths.

So before you trace a logo for real work, spend five minutes chasing the source file. An .ai, .eps, or .svg export takes the original designer thirty seconds to dig out, and it's exact rather than approximate. Tracing is the repair job you do when that file is genuinely gone.

For the full breakdown, including every setting worth touching and why photos come out looking like posters, read what vectorizing can and can't do.