Transparent PNG: What It Is and How to Create One

If you've ever tried placing a logo over a colored background and a white square appeared around it, you've run into the most common problem for anyone working with digital images without knowing about transparency. The solution is simple: instead of a PNG with a white background, you need a PNG with a transparent background — and this article explains exactly how to get that.

What is transparency in digital images?

A digital image is made up of pixels. Each pixel has a color defined by three values: red, green, and blue (the RGB model). A pure red pixel, for example, has R=255, G=0, B=0.

But there's a fourth possible value: the alpha channel. The alpha channel controls each pixel's opacity individually — from 0 (completely transparent, invisible) to 255 (completely opaque, solid). Pixels with alpha 0 simply don't exist visually: what appears in their place is whatever is underneath — the slide's background, the site's color, the t-shirt's texture.

An image with an alpha channel is called an image with transparency, or an image with a transparent background. In file viewers, transparent pixels appear as a gray-and-white checkerboard pattern — that checkerboard is the universal representation of "nothing is here."

Why PNG and not JPG for transparency?

JPG doesn't support an alpha channel. It's a technical limitation of the format — JPG was designed to efficiently compress photographs, and the alpha channel isn't part of its specification. When you save an image with transparent areas as JPG, the software replaces the transparency with solid white or black, depending on the setting. There's no way to save a JPG with a transparent background.

PNG was designed from the start to support an alpha channel. That's exactly why logos, icons, and any image that needs a transparent background are saved as PNG. The difference is fundamental:

Feature	PNG	JPG	WebP	GIF
Supports transparent background	✅ Yes (full alpha channel)	❌ No	✅ Yes (full alpha channel)	⚠️ Partial (1 color only)
Ideal for photos	No (large file)	✅ Yes	✅ Yes	No
Ideal for logos and icons	✅ Yes	No	✅ Yes	No
Lossless compression	✅ Lossless	❌ Lossy	Both	✅ Lossless

💡 WebP also supports transparency with a full alpha channel, just like PNG. For modern web use, transparent WebP is just as valid as transparent PNG — and usually produces smaller files. Most platforms and design tools accept both formats.

When you need a transparent PNG

The need for a transparent background comes up in very specific, recurring situations:

Logo over a colored background: the most common case. A logo saved with a white background creates a visible white rectangle over any non-white background — colored slides, sites with a dark header, presentation covers, business cards with a colored background.
Product photos for e-commerce: product photos with a transparent background can be composited onto any store background color — white for Amazon, gray for some marketplaces, a seasonal color for campaigns.
Custom stickers and emojis: stickers for WhatsApp, Telegram, and Slack must be transparent PNG — the standard format is 512×512px PNG with a transparent background.
Scanned signature: scanning a paper signature and removing the white background results in a transparent PNG that can be inserted into digital documents and contracts with no visible paper rectangle.
Icons and illustrations for websites: graphic elements that need to adapt to different site sections with varied backgrounds.
Overlays in video and presentations: logos and watermarks overlaid on videos in Premiere, CapCut, or DaVinci, and on slides in PowerPoint or Keynote.

Method 1 — Automatic AI background remover (fastest)

For most cases — logos, product photos, signatures, icons — an automatic background remover delivers the result in seconds with no manual editing at all. ImageTools' Background Remover uses artificial intelligence to identify the image's main subject and remove everything around it, delivering the result directly as a PNG with an alpha channel.

Go to the Background Remover.
Upload the image (JPG, PNG, or WebP). The AI processes it automatically.
Check the result in the preview — the checkerboard pattern indicates the transparent areas.
Download it as a PNG with a transparent background. Ready to use in any context.

The process is completely client-side — the image isn't sent to external servers, all processing happens in your browser.

Create a transparent PNG now — in seconds

No sign-up, no watermark. Supports logos, product photos, signatures, and any type of image.

Remove background for free

Method 2 — Convert an image to PNG with an alpha channel

If you already have a PNG image with a transparent background (for example, a logo correctly exported from design software) but need to convert it from another format, ImageTools' Image Converter converts JPG, WebP, and other formats to PNG, preserving (or adding) the alpha channel.

Worth noting: converting a JPG to PNG doesn't create transparency where none existed — the JPG doesn't have that information. What the conversion does is change the file format to PNG, which supports transparency, but the background stays white if it was white in the original. To create real transparency, use Method 1 (background removal) or Method 3 (manual editing).

Convert to PNG with transparency support

Free conversion between JPG, PNG, and WebP directly in your browser.

Convert image for free

Method 3 — Manual editing in Photoshop or GIMP

For more complex cases — like images with a non-uniform background, gradients, or where you need precise control over what stays and what's removed — manual editing in image software is the way to go.

In Photoshop

Open the image in Photoshop.
If the image has a "locked" background (padlock icon on the layer), double-click the layer and confirm to unlock it.
For solid backgrounds: use Select → Color Range, click the background, adjust the tolerance, and delete the selection.
For precise selections: use the Magnetic Lasso or Quick Selection tool to select the subject, invert the selection (Shift+Ctrl+I), and delete.
Go to File → Export → Export As, choose PNG, and make sure the transparency option is checked.

In GIMP (free)

Open the image in GIMP.
Go to Image → Flatten Image and then Image → Mode → RGB.
Add an alpha channel: go to Layer → Transparency → Add Alpha Channel.
Use Tools → Selection Tools → By Color Select to select the background.
Delete the selection (Delete key). The background becomes transparent (checkerboard).
Export: File → Export As, choose PNG, and confirm the options.

How to check if the PNG really has a transparent background

Not every PNG has a transparent background — a PNG can be saved with a solid white background and still be called a "PNG." The way to check is to look at the image's background: if the gray-and-white checkerboard pattern appears, transparency is present. If solid white appears, the background is opaque.

Other ways to check:

Windows 11: open the file in the default photo viewer. Checkerboard background = transparent.
Mac (Preview): open the file. Checkerboard background in the preview = transparent.
Browser: open the PNG directly in Chrome or Firefox. Checkerboard background = transparent. Solid white background = opaque.
Canva or Google Slides: insert the PNG into a slide with a colored background. If the image's background "disappears" and only the main content shows, it's transparent.

🔍 Quick test: place the PNG over a black background in Canva or PowerPoint. If a white rectangle appears around the image, it doesn't have a transparent background. If the image "floats" over the black background with no borders, it's correctly transparent.

How to use a transparent PNG in different contexts

On websites (HTML/CSS)

A transparent PNG works directly as an <img> tag. The transparent background automatically adapts to the page's or parent element's background:

<!-- The logo adapts to any site background -->
<img src="logo.png" alt="Company logo" width="200" height="80">

In Word and Google Docs

Insert the image normally. Word and Docs automatically recognize the PNG's transparency — the logo will appear over the text or the document's background with no white rectangle.

In PowerPoint and Google Slides

Insert via Insert → Image. The transparency is preserved — the PNG "floats" over the slide with the background color and design visible through the transparent areas.

In WhatsApp (sticker)

To create WhatsApp stickers, the file needs to be a PNG with a transparent background, at 512×512px. Create the image, remove the background with the Background Remover, resize it to 512×512px with the Resize tool, and import it into a sticker app like WhatsApp Stickers Creator.

In videos (CapCut, Premiere, DaVinci)

Video editing software recognizes the PNG's alpha channel and displays the transparent areas as regions where the layers underneath show through. Ideal for adding logos as watermarks in videos with no solid background.

Partial transparency and semi-transparency

PNG's alpha channel supports not just full transparency (alpha = 0) or full opacity (alpha = 255), but all 256 intermediate levels. This allows effects like:

Soft shadows: an object's shadow can have partial transparency — the farther from the object, the more transparent, creating a natural gradient.
Anti-aliased edges: the edges of a circular icon or text with rounded letters have semi-transparent pixels that create the illusion of smoothness over any background.
Glass and frosted effects: UI elements with partial transparency, common in modern macOS and Windows interfaces.

This semi-transparency is preserved when the file is correctly saved as PNG with an alpha channel — and that's exactly why logos with rounded edges look sharp over any background in PNG, but show jagged edges or white halos when saved as JPG.

Common mistakes with transparent PNG

Saving as JPG after creating transparency

This is the most common mistake. If you remove an image's background and then save the result as JPG, the transparency disappears — JPG fills every transparent area with white. The final file always needs to be saved as PNG (or WebP) to preserve the alpha channel.

Compressing the PNG in a way that eliminates the alpha channel

Some compression tools automatically convert PNGs to JPG to shrink them further. Always check that the compression was done correctly — if the resulting file is a JPG, the transparency was lost.

Confusing a white background with a transparent one

A PNG with a solid white background and a PNG with a transparent background look identical when displayed over a white background. The problem shows up when you use the image over any other background. Always check the transparency by placing the image over a colored background before using it.

Sending a transparent PNG in contexts that don't support transparency

Not every destination accepts or preserves transparency. HTML emails in older clients, some printers, and certain upload fields on legacy platforms replace the transparent background with black or white. For these contexts, export a version with a solid background specific to the destination.

Frequently Asked Questions

Why does my PNG show a white background when I open it on my phone?

Some image viewers on Android and iOS display the checkerboard pattern (which represents transparency) as solid white by default — it's just a matter of how the app renders transparency, not a problem with the file. To confirm the PNG is really transparent, open it on a site or app that shows the checkerboard background, like an online photo editor, Canva, or Chrome itself.

Does a transparent PNG weigh more than a PNG with a white background?

It depends on the content. For simple logos and icons, a transparent PNG is usually similar in size or even smaller than a PNG with a white background — because large uniformly transparent areas compress very well. For complex photos with partial transparency at the edges, the file may be slightly larger because of the alpha channel data. In practice, the difference is rarely significant for logos and icons.

Can I create transparency in a photo of a person?

Yes — that's exactly what background removal tools do. ImageTools' Background Remover uses AI to identify the person (or any main subject) and remove the background, creating a transparent PNG with the person precisely cut out, including hair and complex edges. The result can be used for compositions, presentations, or as a background-free avatar.

Can WebP also have a transparent background?

Yes. WebP supports a full alpha channel — both full transparency and semi-transparency. For web use, transparent WebP is technically superior to PNG: it produces smaller files with identical quality. Compatibility in 2026 is above 97% of browsers. The only situation where PNG is still preferable to WebP is downloads intended for older software that doesn't yet recognize WebP.

How do I make a transparent PNG on my phone?

The simplest way on a phone is to access the ImageTools site through your mobile browser (Chrome or Safari) and use the Background Remover normally — it works just like on desktop, with nothing to install. The transparent PNG file downloads directly to your phone's gallery or downloads folder.

Is there a maximum size for a transparent PNG?

There's technically no limit in the PNG format itself — the limit is the device's available memory. In practice, PNGs above 5–10 MB can be slow to open on simpler devices. For logos and icons, file sizes of 50–500 KB are more than enough for any digital use. For uses that require high resolution (printing, 4K presentations), files of 1–3 MB are suitable.