PNG supports transparent backgrounds, but not every PNG is transparent. Saving a white rectangle as a PNG keeps the rectangle. The background must already be removed or masked, and the export must retain transparency.
A transparent background is not a color. It is image data telling a viewer how much of the background should show through each pixel. PNG can store that information with an alpha channel or, for some color types, a transparency table or transparent color value.
Why does my PNG still have a white background?
| What you see | What to check |
|---|---|
| White only in one viewer | Open the file over a colored layer in an editor; the viewer may simply use a white canvas. |
| The white rectangle stays on every background | Check for an opaque background layer or a flattened export. Changing the extension cannot remove those pixels. |
| Gray squares stay visible over a colored layer | The checkerboard may be baked into the image. Check for a fake transparency preview. |
| Only the outline looks white | Inspect the mask and edge colors; see how to fix edge halos. |
How alpha transparency works
A normal RGB pixel stores red, green and blue components. An RGBA-style pixel adds alpha, which represents opacity. At 8-bit precision, alpha 0 is fully transparent, 255 is fully opaque, and values between them are partially transparent. Those intermediate values create smooth antialiased edges, soft shadows and translucent overlays.
The editor's gray-and-white checkerboard is only a display convention. If the checkerboard is visible after export on every background, it may have been flattened into the image as real pixels.
How PNG stores transparency
| PNG representation | Transparency method |
|---|---|
| Truecolor with alpha | Each pixel includes red, green, blue and alpha samples. |
| Grayscale with alpha | Each pixel includes a grayscale and alpha sample. |
| Indexed color | A tRNS alpha table can assign opacity to palette entries. |
| Truecolor or grayscale without full alpha | A tRNS value can designate one color/sample value as fully transparent. |
This is why saying “only PNG-24 supports smooth transparency” is too simple. The actual result depends on PNG color type, bit depth, palette and transparency data selected by the encoder.
PNG vs JPEG transparency
Standard JPEG image data does not include an alpha channel, so a JPEG exported from a transparent composition must be flattened against a color. PNG is therefore a common choice for logos, cutouts, interface elements and screenshots that need lossless storage or transparency. A white JPEG background is still opaque white.
Can WebP have a transparent background?
Yes. WebP supports transparency. Lossless WebP represents pixels with alpha, red, green and blue components; WebP can also combine lossy color data with an alpha channel. That makes transparent WebP a practical web-delivery option when the surrounding pipeline accepts it.
| Need | PNG | WebP |
|---|---|---|
| Full and partial transparency | Supported | Supported |
| Lossless color | Supported | Supported in lossless mode |
| Lossy color with transparency | Not PNG's model | Supported by WebP workflows |
| Broad interchange and editing support | Long-established | Check the receiving tool or workflow |
Choose by testing the actual asset. A WebP may be smaller, but content, encoder settings, metadata and desired compatibility all matter. Do not replace a source master solely because one sample export was smaller.
Why transparent edges sometimes look wrong
- White halo: edge pixels were prepared against white before being placed on a dark background.
- Jagged edge: partial alpha values were removed or the mask was thresholded too aggressively.
- Dark fringe: an application handled premultiplied and non-premultiplied color incorrectly.
- Unexpected solid fill: the export was flattened or transparency was disabled.
How to verify real transparency
- Open the exported file in an editor that exposes an alpha channel or transparency grid.
- Place solid light, dark and saturated-color layers below it.
- Inspect hair, shadows and antialiased edges at 100% zoom.
- Test the actual browser, CMS or design tool that will consume the file.
Next, see the practical background-removal workflow or compare WebP and AVIF.
For palette and RGB export choices, see PNG-8 vs PNG-24. The storage details are defined in the W3C PNG specification.
