Transparent Background PNG: Everything You Need to Know

You saved your logo as a PNG, dropped it into a presentation, and it showed up with an ugly white box around it. Or you downloaded a "transparent" image from the web and it had a white background. These are two of the most common image frustrations on the internet — and both have simple explanations once you understand how PNG transparency actually works.

This guide covers everything: what the alpha channel is, why the white background trap happens, how to create a truly transparent PNG, and when PNG transparency is the right choice vs WebP or APNG.

1. What a Transparent Background Actually Means

Every image is made of pixels. In a standard image, each pixel stores three values: red, green, and blue (RGB). In an image with transparency, each pixel stores a fourth value called the alpha channel — a number from 0 to 255 that controls how opaque or transparent that pixel is.

• Alpha 255 — fully opaque, completely visible
• Alpha 0 — fully transparent, completely invisible
• Alpha 1–254 — partially transparent (semi-transparent shadows, soft edges, glass effects)

PNG was designed from the ground up to support this full 0–255 alpha range. JPG was not — it has no alpha channel at all. This is the fundamental reason you cannot have a transparent JPG: the format simply has nowhere to store that fourth value.

Two kinds of transparency

There are two distinct types of transparency you will encounter:

• Binary transparency — each pixel is either 100% opaque or 100% transparent, nothing in between. This is how old GIF transparency works. It produces harsh, aliased edges.
• Alpha transparency — each pixel can be anywhere on the 0–255 scale. PNG supports this fully. It allows smooth anti-aliased edges, semi-transparent shadows, and glass effects.

The checkerboard pattern

When you open a transparent image in any image editor (Photoshop, GIMP, Figma, Canva), the transparent areas appear as a grey-and-white checkerboard. This is a universal visual convention — there is nothing special in the file itself, it is just how editors signal "this pixel has no colour." The checkerboard disappears when you place the image on top of a real background.

2. The White Background Trap

This is the single most common source of confusion about PNG transparency. You have a transparent PNG, you drop it into Word, Teams, Google Slides, or email, and a white rectangle appears behind your logo. The transparency is there in the file — the application is adding the white, not you.

Here is what is happening: those apps fill transparent pixels with white before rendering them on screen. They do this because their document background is white, and they apply the fill at the wrong stage — before compositing onto the slide or page. The result looks like a white background even though the PNG file itself is perfectly transparent.

When does it happen?

• Microsoft Word & PowerPoint — older versions (< 2013) rendered PNG transparency as white in some view modes. Newer versions handle it correctly, but copy-pasting from external sources can trigger the issue.
• Microsoft Teams / Outlook — image preview thumbnails often add a white fill. The actual inserted image is usually fine.
• Google Slides — transparency is respected when you insert an image via file upload; it can break if you copy-paste from a browser.
• Email clients — many (Gmail, Outlook web) add white fills behind transparent images in the email body.
• Some social media platforms — Twitter/X, LinkedIn, and Facebook replace transparent pixels with white when you upload a PNG as a post image.
• PDF export — depending on the PDF renderer, transparency may be flattened to white.

The quick fix

For contexts where transparency will always be rendered as white, it is actually better to use a white JPG. It is smaller, displays identically, and eliminates any confusion. Use transparent PNG only when you genuinely need the see-through effect — logos on coloured slides, overlays, stickers on images.

3. How to Create a Transparent PNG

Method A: AI background removal (fastest, no design skills needed)

If you have a photo and want to cut out the subject, AI background removal is the fastest path. Convertlo's tool runs the AI entirely in your browser — your image never leaves your device.

Method B: Export with transparency from design tools

If you are creating a graphic from scratch, you need to export with the transparent background option explicitly enabled. The setting is easy to miss.

• Canva — click Share → Download, choose PNG, and check the Transparent background checkbox. This option is only available on Canva Pro. Free accounts must use a workaround (delete the background element manually before exporting).
• Figma — select the frame or element, go to Export in the right panel, choose PNG, and make sure Include "id" attribute is unchecked. As long as your frame has no background fill (shown as a dashed square in the Fill panel), the exported PNG will be transparent. If the frame has a white fill, delete it first.
• Adobe Illustrator — go to File → Export → Export As, choose PNG, and in the PNG Options dialog make sure Background Color is set to Transparent. Alternatively, use File → Save for Web (legacy) and pick PNG-24 with Transparency checked.

Method C: Manual selection in Photoshop

For photos where you want precise manual control over which areas become transparent:

1. Open the image in Photoshop. If the Layers panel shows a locked "Background" layer, double-click it to convert it to a regular layer (this enables transparency).
2. Select the background. Use the Magic Wand tool for solid-colour backgrounds — click on the background colour, adjust Tolerance up/down to expand or shrink the selection. Use Quick Selection for complex backgrounds and then switch to Select & Mask to refine hair and fur edges.
3. Delete the selection. Press Delete or Backspace. The selected area is replaced with the checkerboard pattern, confirming transparency.
4. Export as PNG. Go to File → Export → Export As and choose PNG. Do not flatten the image or merge to a white layer before exporting.

4. PNG vs WebP vs APNG Transparency

PNG is not the only format that supports transparency. Here is how the three main alpha-capable formats compare:

Bottom line: Use PNG when you need maximum compatibility or are delivering files to non-web contexts (print, office documents, app stores). Use WebP when you control the environment (your own website) and want smaller files. Use APNG when you need a transparent animation and cannot use video.

5. Common Problems and Fixes

6. Where Transparent PNGs Are Used

Frequently Asked Questions

Why does my PNG show a white background?

The file itself is likely transparent — the app rendering it is filling transparent pixels with white. Open the file in a web browser to confirm. If it looks transparent in the browser, the PNG is correct and the problem is with the other application. See Section 2 above for per-app fixes.

Can a JPG file have a transparent background?

No. JPG has no alpha channel. Any transparent area is permanently filled with a solid colour (almost always white) at the moment you save as JPG. To keep transparency, you must save as PNG, WebP, or another alpha-capable format.

What does the checkerboard pattern mean?

It is the universal visual convention for "this pixel is transparent." Image editors show a grey-and-white grid in transparent areas because they need to show you something — a blank white canvas would look identical to a white-filled pixel. The checkerboard makes it unambiguous. It does not appear in the final image when placed on a real background.

Is WebP better than PNG for transparency?

WebP with transparency produces files roughly 25–35% smaller than equivalent PNGs at the same quality. For websites, WebP is the better choice. For maximum compatibility — delivering to unknown apps, office tools, or print — PNG is safer because every piece of software on earth understands it.

How do I remove the background from a photo to get a transparent PNG?

The fastest method is an AI background remover. Convertlo's tool runs the AI entirely in your browser — your photo never leaves your device. Drop your image, review the result, and download the transparent PNG. No signup, no cost, no file size limit.

Why are transparent PNG files so large?

PNG is lossless — every pixel is stored exactly, with no lossy compression discarding data to save space. Adding the alpha channel is a fourth full-resolution data plane on top of the RGB three. Converting to WebP with transparency or using a PNG optimizer like pngcrush can cut file size by 25–50% with no visible quality change.

Does PowerPoint support PNG transparency?

Yes — modern PowerPoint (2013 and later) renders PNG transparency correctly when you insert via Insert → Pictures. Older versions, and copy-pasting from a browser, can sometimes lose the alpha. If transparency shows as white in PowerPoint, try re-inserting from file rather than pasting.