Transparent PNG explained: when to use it.

What transparency actually is

Each pixel in a normal colour image stores red, green and blue values. PNG can add a fourth value for every pixel, called the alpha channel, which says how opaque that pixel is. At 0 percent the pixel is completely invisible, at 100 percent it is solid, and anything between gives a semi-transparent pixel such as a soft shadow or a smooth edge.

When you place the image on a coloured slide, a web page or a document, the page colour shows through the see-through pixels. That is why a transparent logo looks right on a white page, a dark page and a photo, whereas the same logo saved with a white background shows a white box on anything that is not white.

Which formats support transparency

For a fuller comparison of compression, size and compatibility, see PNG vs JPG vs WebP and what is WebP.

When to use a transparent PNG

• Logos on websites, slides, videos and printed documents with coloured backgrounds.
• Icons and illustrations with a shaped outline.
• Signatures placed over a document, where a white box would hide text. See signature image upload.
• Product cut-outs to place on a coloured background.
• Overlays such as watermarks you add to your own photos.

When not to use it: photographs without cut-outs. A PNG of a photo is often several times larger than a JPG of the same picture, with no visible benefit, because PNG stores every pixel exactly. For ordinary photos choose JPG or WebP.

What happens when you convert

Converting changes the file, not always the picture. These are the cases that matter, using WORDMIO's converters as described on their pages:

• WebP to PNG: Convert to PNG keeps transparency that already exists. A transparent WebP stays transparent as PNG.
• PNG to WebP: Convert to WebP can keep transparency too. Check the byte size afterwards instead of assuming WebP is smaller, and make sure the place you are sending it to accepts WebP.
• PNG to JPG: Convert to JPG fills the transparent areas with a solid colour, white in the case of the tool's output. A transparent logo becomes a logo on a white rectangle. That is fine for a white page and wrong for anything else.

For quality concerns when going from PNG to JPG, read converting PNG to JPG without losing quality.

What converting cannot do

Converting a JPG or any image with a solid background to PNG does not remove the background. It changes the container, not the content. A JPG logo with a white background becomes a PNG logo with a white background, because those white pixels are real, opaque pixels.

To get real transparency you need an image that was made with it: an export from a design tool with the background layer hidden, a vector logo exported as PNG, or a cut-out made in an editing program. The WORDMIO converters keep or flatten transparency but do not create it. The watermark remover is for cleaning marks on your own images, not for cutting out subjects.

How to tell if your PNG is really transparent

• Open it in a browser tab on a dark page or in a slide with a coloured background. Any white box around the logo means it is not transparent.
• In many file viewers, transparent areas show as a grey and white checkerboard pattern.
• If the edges look jagged or have a white halo, the graphic was cut out against white and the semi-transparent edge pixels still carry that white. Re-export it from the original design file on a transparent background.

Keeping transparent PNGs small

PNG is lossless, so lowering a quality slider cannot work the way it does with JPG. The practical ways to reduce size are:

1. Reduce the pixel dimensions with Resize image. A logo shown at 200 pixels wide rarely needs a 2,000-pixel file; use twice the displayed width for sharp high-density screens.
2. Crop away empty transparent margins with Crop image.
3. Try WebP if the destination accepts it and compare file sizes.
4. Use Compress image for a target size, and always check small text and fine edges afterwards.

For email logos specifically, see email signature logo size.

Common mistakes

• Renaming a JPG to .png and expecting transparency.
• Saving a logo as JPG and then wondering where the transparency went.
• Using transparent PNGs for big photographs, which makes pages and emails heavy.
• Enlarging a tiny logo; edges blur and cannot be restored.
• Placing a dark logo on a dark background. Test it on every colour it will meet.

Frequently asked questions

What is a transparent PNG?

It is a PNG image with an alpha channel, meaning some pixels are fully or partly see-through so the background behind the image shows through.

Does JPG support transparency?

No. JPG always has a solid background, and converting a transparent PNG to JPG fills the transparent areas with a solid colour.

Does converting a JPG to PNG make the background transparent?

No. Conversion only changes the file format. A white background stays as white pixels unless you remove it in an editing program.

Can WebP be transparent?

Yes, WebP supports transparency, but some email programs and older software do not accept WebP, so PNG is the safer choice for logos.