PNG Transparency: How It Works and How to Keep It
Transparency is the reason PNG exists in most people's workflows, and losing it is the most common image accident there is: a logo that looked perfect suddenly arrives with a white rectangle behind it. This guide explains what transparency actually is inside a file, which formats can carry it, where it gets destroyed, and how to convert without breaking it. The image converter handles every format mentioned here on your own device.
The rule that prevents most problems: transparency survives PNG, WebP, AVIF, and ICO. It does not survive JPG, ever, at any quality setting. If a transparent image must become a JPG, decide deliberately what color goes behind it.
What transparency really is
An ordinary color pixel stores three numbers: how much red, green, and blue it contains. A pixel in a transparent-capable image stores a fourth, called alpha, which records how opaque that pixel is. Alpha of zero means fully see-through, alpha at maximum means fully solid, and everything in between is a partial blend with whatever sits behind the image.
That in-between range is what makes good transparency look good. The curved edge of a logo is not a hard boundary between "logo" and "nothing"; it is a band of pixels that are 90 percent opaque, then 60, then 20. Those partial pixels are why a well-made PNG logo looks smooth on a white page and equally smooth on a dark one. It is also why cheap background removal looks bad: if every pixel is forced to be either fully solid or fully invisible, edges turn jagged and a fringe of the old background is left behind.
The two kinds of PNG transparency
PNG supports full 8-bit alpha, meaning 256 levels of opacity per pixel, which is what you want for logos, icons, product cutouts, and overlays. PNG also supports a simpler mode where one single color in a limited palette is declared invisible. That older approach is the same idea GIF uses, and it produces hard-edged, aliased results. If a transparent PNG looks jagged where it should look smooth, it was probably saved in a palette mode rather than with a true alpha channel.
Which formats keep transparency
| Format | Transparency | Practical note |
|---|---|---|
| PNG | Full alpha | The default choice; lossless and universal |
| WebP | Full alpha | Often much smaller than PNG for the same graphic |
| AVIF | Full alpha | Smallest files; slower to create |
| ICO | Full alpha | Favicons; holds several sizes in one file |
| GIF | One color only | Hard edges, no partial opacity |
| HEIC | Supported | Whether it survives depends on the reading software |
| JPG | None | No alpha channel exists in the format |
Where transparency gets lost
Converting to JPG
This is the big one. JPG has nowhere to put alpha, so every transparent pixel has to become some solid color. This converter fills those areas with white before encoding, which is the friendliest default: a logo destined for a white page still looks right, and nothing turns black. If your logo is going on a dark background, that white fill will be glaring, and the answer is to keep the file as PNG rather than converting to JPG, or to composite it over the correct background color in an editor first.
Pasting into documents and slides
Word processors, spreadsheets, and presentation software often flatten pasted images onto the page background. Inserting the file rather than pasting it usually preserves alpha.
Uploading to platforms that re-encode
Many social platforms and marketplaces re-encode uploads to JPG for consistency and bandwidth. Transparency will not survive that, and there is no setting you can change from your side. Design for it: give the image the background it will end up with.
Screenshotting instead of exporting
A screenshot captures what is on screen, including whatever was behind your image. The checkerboard pattern your editor draws to indicate transparency will be captured as an actual grey checkerboard.
Converting without breaking it
Keeping transparency is mostly a matter of picking a destination format that can hold it. In this converter, PNG, WebP, AVIF, and ICO all preserve the alpha channel; only JPG cannot. A few practical moves:
- Shrinking a transparent PNG: convert it to WebP rather than to JPG. You keep the transparency and usually get a substantially smaller file.
- Making a favicon: start with a square transparent PNG and use PNG to ICO. The result holds 16, 32, 48, and 256 pixel versions with transparency intact.
- Non-square source for an icon: the image is scaled to fit inside the square and centered, and the leftover space is left transparent rather than filled.
- Sending a logo to a printer or a client: ask which they want. Print workflows frequently prefer a flattened file with a known background over a transparent one.
Checking whether a file really is transparent
The fastest test costs nothing: open the file in your browser. Browsers render transparent areas as whatever is behind the image, and since the default page background is white, a transparent PNG on a white page looks the same as a white-backed one. So instead, drag the file onto a dark background: a dark-themed editor, a dark slide, or a page with a dark theme. If a white rectangle appears, the transparency is gone. Some image viewers also show a grey checkerboard, which is a drawing convention for "nothing here" and not part of the picture.
Transparency and file size
An alpha channel is extra data, so a transparent PNG is generally a little larger than the same graphic without one. It is rarely the thing making a file big. Dimensions matter far more, as does the amount of photographic detail in the image; a 4000 pixel wide logo is enormous no matter how it is stored. Our guide to image size versus quality covers what actually drives file size, and it is usually not the alpha channel.
Common questions
Why does my transparent logo have a white box around it?
Something in the chain flattened the transparency onto a white background. The usual culprit is a conversion to JPG, which has no alpha channel and must fill transparent areas with a solid color. Going back to the PNG original and keeping it as PNG, WebP, or AVIF fixes it.
Which image formats support transparency?
PNG, WebP, AVIF, GIF, and ICO can all store transparency, though GIF supports only a single fully transparent color rather than soft edges. JPG supports none at all. HEIC can store an alpha channel, but what survives depends on the software reading it.
Can I convert a JPG into a transparent PNG?
Not by converting. The JPG has no transparency information to recover, so the result is a PNG with an opaque background. Removing a background is an editing operation that decides which pixels to erase; conversion only changes how the same pixels are stored.
Why did my transparent areas turn black instead of white?
When transparency is dropped without a deliberate background fill, the undefined pixels often end up black. This converter avoids that by painting white behind the image before writing a JPG, so transparent regions become white rather than black.
Does a transparent PNG make a good favicon?
Yes, and it is the recommended input. Transparency lets the icon sit correctly on light and dark browser interfaces. Converting a square transparent PNG to ICO here produces a multi-size icon that keeps the transparency, with any leftover space around a non-square image left transparent too.
Keep your alpha channel: drop the file into the image converter and choose PNG, WebP, AVIF, or ICO. Transparency survives all four.