PNG Not Transparent? Here's How to Diagnose It

You removed a background, saved it as a PNG, and there is still a white box around your logo. Or the transparency worked yesterday and does not today. Or it looks fine in one program and wrong in another.

Almost every guide to this jumps straight to fixes: re-export from Photoshop, hide the background layer, tick the transparency box. Sometimes that is right. But roughly half the time the file is perfectly fine and the problem is somewhere else entirely, and re-exporting will not change a thing.

So work out which problem you have first. It takes thirty seconds.

Step 1: Find out if the file is actually broken

The white you are seeing belongs either to the image or to whatever is drawing it. These look identical and have completely different fixes.

Drop the PNG onto a coloured background. Open a new document in almost any editor, fill it with bright red, and place your PNG on top. If red shows through where the background should be, your file is fine and the problem is the app you were looking at it in. If white shows, the file has no transparency.

On a phone, use the edit trick. Open the image in your photo app and tap Edit. Transparent areas typically render black in editing mode rather than white. If the background turns black, transparency survived. If it stays white, it did not.

Or drop it onto a web page. Any page with a dark background works. Same logic.

Do this before anything else. If the file passes, skip to the second half of this article.

If the file is fine but the app shows white

Plenty of software simply does not render transparency, and shows a white or black fill instead. This is not a bug and there is nothing to fix in your file.

Lightroom Classic does not display transparency at all. A transparent PNG always appears with white where the empty pixels are. The transparency is preserved in the file as long as you do not edit and re-export it there.

Apple Photos shows transparent PNGs on a white background in the library view. The file itself is untouched — export the original and open it in Preview and the transparency is still there.

Figma and FigJam, in some situations, particularly when files have moved between the desktop and iPad apps, will draw an imported PNG over white. Re-importing usually resolves it.

Website builders and presentation software often place images on a white canvas by default. The image is transparent; the slide behind it is white.

The fix in every one of these cases is not to the file. Either use a program that renders transparency, or change the background behind the image.

If the file genuinely has no transparency

Now the causes are worth going through in order, because one of them is far more common than the rest.

A background layer was still visible on export. This is the big one. In Photoshop, Illustrator and most editors, if a white background layer is switched on when you export, it gets baked into the file. Hide it — the eye icon — and export again.

You used Save As instead of Export As. In Photoshop specifically, some Save As paths flatten the image. Use File → Export → Export As, choose PNG, and make sure the transparency option is ticked.

The artboard has a background colour. Illustrator and Photoshop artboards can carry their own background. Every layer can be transparent and the artboard still fills the gaps with white. Set the artboard background to transparent, or copy the elements into a new document created without an artboard.

The image is in Indexed Color mode. This one baffles people because nothing looks wrong until you export. In Photoshop, check Image → Mode. If it says Indexed Color, switch it to RGB Color and export again. Indexed mode supports at most one transparent colour rather than a proper alpha channel, so soft edges and partial transparency are lost.

It was exported as PNG-8 instead of PNG-24. Same underlying issue as above. PNG-8 uses a colour palette with a single transparent entry. PNG-24 carries a full alpha channel with 256 levels of transparency per pixel. Anything with anti-aliased edges — which is nearly everything — needs PNG-24.

It passed through JPEG at some point. JPEG has no alpha channel. If the image was ever saved as JPEG anywhere in the chain, transparency was replaced with a solid colour at that moment, and converting the result back to PNG cannot recover it. The PNG is genuine; the transparency was destroyed a step earlier.

It is a screenshot. Screenshots capture what the screen displays, and a screen has no transparency. Screenshotting a transparent image gives you an opaque copy of it, whatever was underneath included.

It went through an iPhone photo library. Saving a transparent PNG into iOS Photos and pulling it out again often flattens it, particularly when the file is shared onward from there. Transfer via AirDrop to Files, or download from a link directly, rather than routing through Photos.

If the transparency is gone for good

If the alpha channel was destroyed — by a JPEG conversion, a flatten, or a screenshot — no export setting brings it back. The information is not in the file.

Go back to the source. Open the original design file and export again with transparency enabled. This is by far the best outcome and worth ten minutes of searching for.

If it is someone else's logo, check their press kit or brand assets page. Companies usually publish properly transparent versions there, and the copy floating around in a shared folder is often a flattened screenshot of one.

If neither is possible, you will have to cut the background out again and create a new transparent version. That works well on clean edges against a plain background, and poorly on hair, glass and soft shadows.

One thing that will not work

Renaming a JPG to .png does not add transparency. The extension is a label; the file still contains JPEG data with no alpha channel, and programs that read the file properly will either reject it or show the same white background. Real conversion means decoding and re-encoding, and even then it cannot invent transparency that was never stored.

The short version

Test on a coloured background first. If the colour shows through, the file is fine and the app is the problem, so change the app or the backdrop rather than the file. If it does not, check for a visible background layer, then Indexed Color mode, then whether the image ever touched JPEG. And if the alpha channel was genuinely destroyed, stop trying to fix the file and go back to the source that made it.