How to Make a Transparent PNG (and Why Your Background Keeps Turning White)
Understand how transparency works in images, create a clean transparent PNG from any photo or logo, and fix white boxes and fringes around cut-outs.
By the ClearPix team · · 3 min read
You place your logo on a coloured website header or a slide and there it is: an ugly white rectangle around it. Or you remove a background, save the file, and the background comes back. Both problems come from the same thing: transparency only survives if the image format, the software and every step in between all support it. This guide explains how transparency works and how to keep it.
How transparency works
A normal image stores three values for each pixel: red, green and blue. An image with transparency adds a fourth value, called the alpha channel, which says how opaque each pixel is. Alpha 100% means fully visible, 0% means completely see-through, and values in between allow soft edges, glass, shadows and smooth anti-aliased outlines.
Only some formats can store an alpha channel:
| Format | Transparency? |
|---|---|
| PNG | Yes, including soft edges |
| WebP | Yes, including soft edges |
| SVG | Yes (empty areas are simply not drawn) |
| GIF | Only on/off, no soft edges (edges look jagged) |
| JPG | No, never |
That last row is the cause of most white boxes. A JPG cannot store transparency, so any transparent area is filled with a solid colour, usually white, the moment the image is saved as JPG.
Making a transparent PNG from a photo or logo
- Open the background remover and drop in your image. The AI finds the main subject and removes the rest.
- Use the before/after slider to check the edges. Move the cutoff slider up if background remains, or down if parts of the subject disappeared.
- Download the result. It is saved as a PNG with an alpha channel, so the background stays transparent.
For logos on a plain white background, the same steps work well. If the logo has several separate parts, such as an icon and text, check that every part survived the cut.
Why the background comes back, and how to fix it
It was saved or converted to JPG
Many apps, upload forms and "compress image" tools quietly convert to JPG. Check the file extension after every step. If you need a smaller transparent file, convert to WebP instead, using the PNG to WebP converter, which keeps the alpha channel.
The viewer shows transparency as white
Some image viewers and email clients display transparent areas as white or black, even though the file is fine. Place the image on a coloured background in a document or design tool to see whether it is really transparent.
The platform does not support it
Some social networks and marketplaces flatten transparent images onto white when you upload them. That is a platform limitation, not a problem with your file.
Fixing fringes and halos
Sometimes a cut-out has a thin light or dark outline when placed on a new background. This happens because pixels along the edge contain a blend of the subject's colour and the old background's colour.
- Test the PNG on both a very light and a very dark background to see fringes clearly.
- Raise the cutoff slider slightly to trim the outermost edge pixels.
- For best results, shoot or source the original on a background similar in brightness to where the cut-out will be used.
- For flat logos, converting to SVG with the image to SVG converter removes fringes entirely, since the edges become clean vector shapes.
Where transparent PNGs are useful
- Logos on website headers, slides and videos of any colour.
- Product photos on store themes with coloured backgrounds.
- Stickers, overlays and watermarks.
- Signatures to place on documents.
- Design assets that will be layered in tools such as Canva, Figma or Photoshop.
Summary
- Transparency lives in the alpha channel, which PNG, WebP and SVG support and JPG does not.
- Remove the background, keep the file as PNG, and check every later step for hidden JPG conversion.
- Use WebP for smaller transparent files on the web, and SVG for flat logos.