How to make a logo background transparent

Why the white box exists in the first place

JPG cannot store transparency. It has no alpha channel, so whatever exported the logo had to fill the empty space with something, and white is the default. The logo itself is fine; the format threw the transparency away.

PNG, WebP and SVG can all hold transparency. The goal is always the same: end up with a PNG (or SVG if you have the source) where the pixels outside the logo are genuinely empty, not white, not nearly-white, empty.

Screenshots and scans are the same problem with a worse starting point. A scan adds paper texture and a slight colour cast; a screenshot adds compression and sometimes a subtle gradient. Both make the boundary between logo and background fuzzier than a clean export would be.

The magic-wand mistake

The classic fix is the magic wand or paint-bucket in an image editor: click the white, delete it. It works for a logo made of solid flat colour with hard edges, and it fails for everything else.

The failure is the halo. Anti-aliased edges are a blend of logo colour and white. The wand either keeps those blended pixels, leaving a pale fringe that shows up the moment the logo lands on a dark background, or deletes them, leaving a jagged, pixelated edge. Text and thin lines are where it looks worst.

There is no tolerance setting that fixes this, because the problem is not which pixels to select. It is that the edge pixels need to become partially transparent, and a selection tool only knows fully in or fully out.

What a proper cutout does differently

A background remover built for this estimates an alpha value for every pixel: fully opaque inside the logo, fully transparent outside, and a real fraction along the edge. Those partial pixels are what make the result sit naturally on any colour.

The second thing it should do is remove the white that has bled into those edge pixels, a step called colour decontamination. Without it, a red logo has a pinkish rim. With it, the edge pixel is red at 40% opacity rather than pink at 100%.

Check both by dropping the result onto a black background. A halo is invisible on white and unmissable on black, which is why so many transparent logos look fine on the designer's screen and wrong on the customer's.

Step by step

• Start from the largest, cleanest version you have. A 2000px export beats a 300px thumbnail every time; upscaling afterwards cannot recover edge detail that was never there.
• Upload it to a background remover and download the result as PNG, never JPG. Downloading as JPG quietly puts the white box back.
• View it on a dark background before you use it anywhere. This is the one check that catches almost every problem.
• If the logo has white elements, confirm they survived. White text on a white background is the one case an automatic tool can reasonably get wrong, because there is no boundary for it to see.
• Keep the transparent PNG as your master. Every other version — on white, on brand colour, as a favicon — is derived from it.

When you should ask for the source file instead

A logo almost always started life as a vector file: SVG, AI, EPS or PDF. If you can get that from whoever designed it, do, because a vector has no background to remove and scales to any size with perfectly crisp edges.

Removing the background from a raster export is the right move when the source is lost, the designer is unreachable, or you need the result in the next five minutes. It is a good repair, not a replacement for the original.

Once you have a clean transparent PNG, it is worth asking a designer to trace it into a vector if the logo is going on anything printed at size. For web use, a transparent PNG at 2x the largest display size is all you need.