Skip to content
Depixelise
Article · 3 min

PNG to Vector: Convert PNG to SVG, Keep Transparency

Turn a PNG into a real SVG vector for free: keep the transparent background, avoid the white halo and the fake checkerboard, then check it on black.

By Gaël Pons

Published , updated 

a hand holds a clear acrylic plate against the sky with the ONDE. logo and no background at all, a small Depixelise sticker in the corner

Turning a PNG into a vector means redrawing its pixels as shapes, so you get an SVG that stays sharp at any size. An online converter does it in seconds. The PNG-specific trap: the background must stay transparent, with no white box and no pale outline.

Is a PNG a vector file?

No, a PNG is never a vector file: it’s a pixel image, a grid of tiny colored squares locked at its original size. A vector file is built from shapes instead, which the computer redraws crisply whether the logo is one inch or ten feet wide. So going from PNG to vector means rebuilding what the grid shows, not relabeling it.

Does renaming a .png to .svg work?

Renaming a .png file to .svg does not vectorize anything: most programs simply refuse to open the result. Some “PNG to SVG” converters barely do better, wrapping the untouched PNG inside an SVG container that still goes blocky when you zoom. How to spot that fake and get a genuine conversion is covered in our guide to converting an image to SVG.

How do you convert a PNG to SVG for free?

Converting a PNG to a real SVG for free takes three moves: find the best version of the PNG, hand it to an online tool that redraws the shapes, then inspect the output against a dark background. No software to install, any browser will do.

  1. Pick the right PNG. The largest one you can find, ideally the file sent by whoever designed the logo, not a copy saved from a website or a screenshot.
  2. Run the conversion. Use a converter that outputs a properly redrawn SVG and keeps the transparency.
  3. Check it on black. Zoom in on small text and letter tips, then drop the logo onto a black background: no stair-step edges, no light glow.

The general method, which also works for JPGs and scanned drawings, lives in our main guide on how to vectorize an image.

What happens to the transparent edges of a PNG?

The edges of a transparent PNG are made of half-see-through pixels, and the vectorizer has to make a call on each one: part of the shape, or empty space. On screen, those in-between pixels smooth the transition between the logo and whatever sits behind it. A vector shape has a hard edge instead, so every one of those pixels must land on one side.

A tool that gets this wrong leaves two telltale flaws:

  • a light or gray fringe around the letters, invisible on white, glaring on a dark shirt;
  • a white rectangle where there used to be nothing, because the transparency was flattened onto white before the conversion.

On a black tee or a navy team jersey, that rectangle gets printed exactly as it is.

How can you tell a PNG isn’t really transparent?

You can tell a PNG isn’t really transparent when its gray and white checkerboard is painted into the pixels instead of signaling an empty background. Plenty of logos downloaded from the web are like this. The test: place the logo on a black background, a black slide for example. If the checkerboard is still there, it’s part of the picture, and a vectorizer may well redraw it along with your logo. Your image viewer isn’t enough: many viewers draw their own checkerboard to show real transparency.

When that happens, ask the original designer for the real file, or remove the background by hand before you vectorize.

Do shadows and gradients in a PNG vectorize well?

Drop shadows, glossy highlights and gradients in a PNG vectorize poorly: they get chopped into bands of flat color with visible steps. An embroiderer or a vinyl shop couldn’t reproduce them anyway. If your logo exists in a flat version, with no effects, vectorize that one; a shadow can be added back later if the product allows it.

Is a PNG better than a JPG for vectorizing?

At the same size, a PNG vectorizes better than a JPG: it’s saved without loss, so its edges are clean, while a JPG adds little smudges around every shape and never has a transparent background. That said, a large sharp JPG beats a tiny PNG, because the amount of detail matters more than the file type.

What if your PNG is tiny?

A tiny PNG, say a favicon or a social media avatar a few dozen pixels wide, doesn’t hold enough detail to be redrawn as is. Depixelise, like a few other converters, scales it up on its own and then rebuilds the shapes. The output is often clean, but it is a reconstruction: a letter or a corner may shift slightly. Put the result next to your starting logo and go over the details before you pass it on to anyone.

No white box: how Depixelise handles your PNG

On Depixelise, the background of your PNG is removed automatically during the conversion, with no setting to find. You get the shapes alone, with no white rectangle, ready for a dark garment. The converter takes PNG files up to 10 MB, shows the result full size in about ten seconds, and lets you zoom to 800%. The whole thing is 100% free: nothing to sign up for, and no watermark stamped on the result. Four files land in your inbox: the SVG, a 2000 px transparent PNG, a one-color version and a negative version for dark backgrounds.

What file do you get from a vectorized PNG?

A vectorized PNG usually comes out as an SVG file, which most printers, embroiderers and engravers can open without trouble. Some shops would rather receive a vector PDF or an EPS, which hold the same shapes in a different wrapper: what sets these formats apart is explained in what a vector file is.

FAQ

How do I vectorize a PNG in Illustrator?

Illustrator vectorizes a PNG through its Image Trace panel, which you then confirm with the Expand button. Tick “Ignore White” under Advanced, or a background will stay around the logo. Illustrator and its free or online alternatives sit side by side in our roundup of vectorization software.

Why does my vectorized PNG have a white outline?

A white outline shows up when the half-transparent edge pixels got blended with white during the conversion. Run it again with a tool that removes the background, then check the result on black.

Can I convert several PNGs to vector at once?

Some tools process PNGs in batches, right in the browser. For a logo going to a print shop, one file at a time is safer: each result deserves a zoomed-in check before you send it.

Is the SVG bigger than the original PNG?

Not necessarily: a simple logo in two or three solid colors often makes a smaller SVG than the PNG it came from. An artwork packed with fine detail or gradients produces a heavy SVG instead, a sign it wasn’t a good fit for vectorizing.

Does a vectorized PNG keep its colors?

Yes, a vectorized PNG keeps its main colors, each one becoming a single-color shape. Very close shades may be merged: if your printer needs an exact color, check it in the SVG before you send it.