How to make an image background transparent

"Make the background transparent" sounds like one operation. It is really two: removing the background, and saving the result in a format that can remember that it is gone. Skip the second and you get a logo with a white box behind it — which is the single most common transparency complaint there is.

What transparency actually is

A normal pixel stores three numbers: red, green, blue. A transparent image stores a fourth, the alpha channel, which records how opaque that pixel is. Alpha 255 is solid, alpha 0 is invisible, and everything between is partly see-through — which is what makes a soft edge look soft rather than jagged.

Semi-transparency matters more than people expect. The edge of any real object covers part of a pixel, so that pixel is genuinely 60% subject and 40% background. Alpha is how that is recorded, and it is why a good cutout blends onto a new background instead of sitting on top of it like a sticker.

Which formats keep transparency

Making a photo background transparent

For photographs — people, products, pets — the practical route is automatic segmentation. ImageDoctor's background remover runs the model in your browser, so the photo is never uploaded.

1. 1Add the photoThe first run downloads the model, so it is slower than the ones after it.
2. 2Let the cutout finishWell-lit subjects against a contrasting background give the cleanest results.
3. 3Inspect the edges at 100%Hair, fur and glass are where automatic matting struggles most.
4. 4Download as PNGThen convert to WebP in the Image Converter if it is going on a website — WebP keeps the alpha channel and is far smaller.

Removing a background online for free goes into which photos cut out well and how to fix the edges that do not.

Making a white logo background transparent

A logo on a white rectangle is a different problem. The background is uniform, so there is nothing to segment — but there is also a trap. If the logo was ever saved as JPEG, that "white" is not one colour. Compression scatters it across hundreds of near-white values, so anything that keys out a single colour leaves a grey fringe behind.

In order of preference:

1. Ask for the original. Whoever made the logo has an SVG or a layered file with real transparency. This is by far the best answer and takes one email.
2. Use the background remover. It handles a flat background well, and handles the anti-aliased edges better than a colour key would.
3. Crop tight and place on the right colour. If the logo will always sit on white anyway, transparency buys you nothing — crop the excess and move on.

Checking that the transparency is real

A white background and a transparent one look identical on a white page, which is how people discover the problem at the worst possible moment. Three quick checks:

• Open the [Image Analyzer](/tools/analyze). It reports whether the file has an alpha channel, along with dimensions and colour depth.
• Look at it on a dark background. Drop it into a dark document or a dark-mode page. A white rectangle is immediately obvious.
• Check the file extension. If it ends in .jpg, it has no transparency. No exceptions.

Where transparent images are used

• Favicons and app icons. Favicon Generator produces the sizes browsers and devices expect from one transparent source.
• Watermarks. A transparent PNG logo stamped over a photo with the Watermark Tool needs its alpha channel intact, or it arrives as a white block.
• Slides and documents. A transparent logo sits on any slide background; a white-boxed one only works on white.
• Product images. Marketplaces often want white, not transparency — check the requirements before you spend an afternoon on cutouts.

Common mistakes

• Saving the finished cutout as JPEG. The transparency is discarded at that moment.
• Judging the result only on the checkerboard. Always check on the real background.
• Colour-keying white out of a JPEG logo, which leaves a grey halo behind.
• Using GIF for a photographic cutout — its one-bit transparency gives hard, jagged edges.
• Cutting out a small image. Start from the largest version you can find.