Transparent Backgrounds: What PNG Does That JPG Can't

You put the logo on a coloured banner and there it is: a white rectangle around it, like a sticker someone cut out badly.

Nobody added that box. It was always there — you just could not see it against a white page.

Every image is a rectangle

Images are grids of pixels, and a grid is a rectangle. There is no such thing as a logo-shaped image file.

So when a logo appears to float on a page, something has to be happening to the pixels around it. Either they are white and the page is white, or they are genuinely empty — and only some formats can store "empty".

Which formats can hold emptiness

• JPG: no. Not a limitation to work around — the format has no way to record it. Every pixel in a JPG has a colour, always.
• PNG: yes. The dependable choice, supported everywhere, and what most people mean by "a transparent version".
• WebP: yes. Smaller files than PNG at the same quality, and supported by every current browser.
• SVG: yes, and differently. A drawing rather than a grid of pixels, so it scales to any size without softening. Right for logos and icons; no use for photographs.

So the answer to "why does my logo have a white box" is almost always: someone saved it as a JPG at some point, and the box has been baked in ever since.

Saving as JPG is a decision with a colour attached

This is the useful way to think about it. Converting a transparent image to JPG does not "lose" the transparency so much as replace it — every empty pixel is filled with something, and that something is usually white, sometimes black, occasionally whatever was there before the background was removed.

Our image converter refuses to make that choice for you. Ask it for a JPG from an image with a transparent background and it hands back a PNG instead, because silently filling your logo's background with a colour you did not pick is the kind of helpfulness nobody wants.

If you genuinely want it flattened — some printers and some marketplaces insist on JPG — flatten it deliberately onto the colour you want, and keep the transparent original.

The checkerboard is not in the file

Open a transparent PNG and you see a grey and white checkerboard behind it. People then ask how to remove the checkerboard.

It is not there. It is how editors and preview windows draw "nothing", because a blank white area and a transparent area would otherwise look identical. The file contains emptiness; the checkerboard is the software admitting it cannot show you emptiness.

Put the image on a page and the page shows through. That is the whole point.

When transparency is the wrong choice

A transparent logo takes the colour of whatever sits behind it, which is a feature right up until it is a problem.

• A dark logo on a dark banner disappears. Keep a light version as well as a dark one — two files, not one clever one.
• Photographs almost never need it. A photo is its whole rectangle. Transparency here just makes the file larger for nothing.
• Some systems will flatten it anyway. Email clients and older document software frequently fill transparency with white. If the destination is uncertain, supply the flattened version yourself so you choose the colour.

A practical setup

• Keep a transparent PNG as the master copy.
• Keep a light-background and a dark-background version for places that need them.
• Flatten to JPG only when something demands it, and onto a colour you chose.

If you are starting from a photograph rather than a logo, removing the background is the first step and gives you a real transparent cut-out to work from.

Keep the transparent master, make flattened copies on purpose, and never let a format pick the colour for you.