PNG Transparency Explained: Why Your Logo Has a White Box

You have a logo with a transparent background. You save it, put it on a coloured banner, and there it sits inside an ugly white rectangle. Nothing you do in the image editor removes it.

The cause is almost always the file format, and it is easy to fix once you know what is happening.

What transparency actually is

A normal image pixel stores three numbers: how much red, green and blue. That is enough to describe any colour, but not enough to describe “nothing here”.

Transparency needs a fourth number, called the alpha channel. It records how opaque each pixel is — fully solid, fully invisible, or anywhere in between. That in-between range is what makes soft shadows and smooth anti-aliased edges possible.

A format either supports that fourth channel or it does not. There is no middle ground.

Which formats keep it

The white box appears the moment a transparent image is saved as JPG. JPG has nowhere to store the alpha channel, so every transparent pixel has to become some actual colour — and the default is white.

Where it goes wrong

Saving as JPG. The direct cause. Even if the original was a perfect transparent PNG, the moment it becomes a JPG the background is baked in permanently.

A tool that converts silently. Some upload forms and image processors convert everything to JPG behind the scenes to save space, and never mention it.

Screenshotting a logo. A screenshot captures whatever was displayed, including whatever was behind the logo. There is no transparency to capture.

Downloading from a search result. The thumbnail is usually a JPG with the background already flattened, even when the original was transparent.

Fixing a logo that already has a box

Here is the uncomfortable part: you cannot recover transparency that has been flattened. Converting the JPG back to PNG gives you a PNG with a white rectangle in it. The information about which pixels used to be transparent no longer exists in the file.

Your options, in order of preference:

1. Find the original. Ask whoever designed it. Most designers keep a transparent PNG or the vector source, and this takes one message.
2. Look for the SVG. Vector logos scale infinitely and are transparent by nature. If one exists, it is strictly better than any PNG.
3. Remove the background manually. A simple logo on plain white is a quick job with a magic wand or background-removal tool. Complex edges, soft shadows and semi-transparent areas are much harder to reconstruct convincingly.
4. Work around it. If the logo is on white, place it on a white section of your design and nobody will notice.

Keeping transparency safe from now on

• Store logos as PNG or SVG, never JPG
• Keep a master copy somewhere you will not lose it
• When converting formats, check what you get before deleting the original
• Use WebP for the web when you want transparency and a small file
• Be careful with tools that convert without telling you

When you deliberately want a background

Sometimes flattening is the right call — printing, marketplace listings that require a white background, or email clients with patchy PNG handling.

Our Image to JPG tool lets you choose the background colour for transparent areas rather than assuming white. Matching it to the surface the image will sit on makes the join invisible.

PNG or WebP for transparency?

For anything on a website, WebP. It supports the same full alpha channel and produces dramatically smaller files — a transparent PNG logo often drops by 60 to 80 per cent as WebP with no visible change.

Keep PNG for your master copies, for anything going into print workflows, and for files other people will edit in older software.

Convert without losing anything

• Image to PNG — lossless, transparency preserved
• Image to WebP — transparency kept, far smaller
• Image to JPG — flatten deliberately, with the background colour you choose

All of it happens in your browser, so your brand assets are never uploaded anywhere. And it is free for life with no sign-up and no daily limit — convert your whole logo set in one go, without an account or a watermark.