How to Make a Transparent Background Image (and Keep It Transparent)

You drop a logo onto a coloured slide and a white box comes along with it. Or you cut a product out of a photo, save it, and the old background is back the next time you open the file.

Both problems have the same cause. Transparency isn't part of every image. It is extra information that some file formats store and others quietly throw away.

Once you know where that information lives, making a transparent background image is quick. This guide covers the main methods, the formats that keep your work intact, and the small edge problems that give a cut-out away.

What transparency actually is

Every pixel in an ordinary photo has three values: red, green and blue. An image with transparency adds a fourth, called the alpha channel, which records how opaque each pixel is.

Full alpha means the pixel is solid. Zero means it is invisible, so whatever sits behind the image shows through.

Values in between give you soft, partly see-through pixels. Those are what make hair, smoke and the edges of glass look natural instead of cut out with scissors.

Image editors display transparent areas as a grey and white checkerboard. That pattern is not part of the picture. If a downloaded "transparent PNG" has the checkerboard baked into it, the file is fake and the squares will show up wherever you use it.

Choose a file format that keeps transparency

This is where most transparent images fail. You can make a perfect cut-out and lose it in the export dialog.

PNG stores a full alpha channel, soft edges included. It is the safe default for logos, product cut-outs, icons and screenshots.

WebP also supports transparency and usually produces smaller files than PNG, which helps on websites. Every modern browser handles it, though some older desktop software still doesn't.

GIF only knows on and off. A pixel is either fully transparent or fully solid, so curved edges come out jagged.

SVG is a vector format, so anything you don't draw is transparent by default.

JPEG has no alpha channel at all. Save a cut-out as a JPEG and the empty areas get filled in, usually with white or black.

If your app offers both PNG-8 and PNG-24, pick PNG-24. The 8-bit version is limited to 256 colours, and many exporters handle its soft edges poorly.

Method 1: use an AI background remover

For photos of people, pets and products, an automatic remover is the fastest way to make an image background transparent. The model finds the main subject, builds a mask around it and clears everything else.

On SuccoDesign, the free AI background remover accepts PNG, JPEG or WEBP files up to 10 MB and returns a transparent PNG. You get five removals a day without creating an account.

Unlike the tools that run entirely in your browser, this one sends your photo to a server for processing. The photo is only used for that step and isn't stored afterwards.

Automatic tools work best when the subject stands clearly apart from what's behind it. A dark coat against a dark wall, or a glass bottle on a busy shelf, gives any model a harder time.

So it pays to start with a decent photo. Even light, a plain backdrop and a little space around the subject usually produce cleaner edges than any amount of fixing later.

Method 2: do it by hand in an image editor

When you need full control, or the automatic result clips something important, a regular image editor does the job. Photoshop, GIMP, Affinity Photo and the browser-based Photopea all follow roughly the same steps.

First, make sure the layer can hold transparency. In GIMP that means Layer, then Transparency, then Add Alpha Channel. In Photoshop, a locked Background layer has to be turned into a normal layer before you can erase to transparent.

Next, select the part you want to remove. A magic wand or colour-range selection works well on flat, even backgrounds. For more complex subjects, use a subject or quick selection tool and refine the edge afterwards.

Then delete the selection, or better, hide it with a layer mask. A mask lets you paint parts back in later without starting over.

Finally, export as PNG or WebP. Reopen the exported file and check that the checkerboard is still there before you send it anywhere.

How to make a logo background transparent

Logos deserve their own approach. They are usually flat shapes on a flat colour, so a single colour selection often removes the whole background in one click.

The bigger question is whether the logo should be a pixel image at all. A PNG logo looks fine at the size you exported it, but it turns soft when someone stretches it across a banner or sends it to print.

If all you have is a PNG or JPEG of your logo, tracing it into an SVG gives you clean, scalable shapes with transparency built in. Our guide to how PNG to SVG tracing works explains the conversion and where it falls short.

For a logo with gradients, photographic textures or soft shadows, a high-resolution transparent PNG is often the better choice. Tracing that kind of detail tends to create heavy files that still don't look quite right.

Clean up halos and rough edges

The most common giveaway of a cut-out is a thin light or dark outline around the subject. It appears because the edge pixels were partly blended with the old background colour when the photo was taken.

Place the subject on a similar background and you'll never notice. Move a product shot on white onto a dark navy banner, and a pale rim suddenly shows up.

A few habits help. Shrink the selection by one or two pixels before deleting, so the blended edge goes with the background. Use a defringe or colour decontamination option if your editor has one.

Then test the result on both a very light and a very dark background before calling it finished. Problems that hide on one usually jump out on the other.

Hair and fur are the hardest cases. Keep their soft, partly transparent edge rather than cutting a hard line, because a crisp outline around hair looks pasted on straight away.

When a transparent image isn't what you need

Sometimes a solid background is the right answer. Amazon, for example, requires main product images to sit on a pure white background, so a transparent file would need flattening onto white anyway.

Email can be unpredictable too. Some mail apps adjust colours in dark mode, and a transparent logo with dark lettering can almost disappear against a dark inbox. A version with a subtle solid backing is often the safer choice there.

Whenever you place a cut-out behind or next to text, check the text colour against whatever now sits behind it. Our article on WCAG contrast ratios explains which numbers to aim for.

A quick check before you export

Is the subject fully separated, including the gaps between arms, cup handles and the holes inside letters like "o" and "e"? Those enclosed pockets of background are the easiest to miss.

Does the file format keep the alpha channel? PNG, WebP or SVG will. JPEG never does.

Have you looked at the edges on both light and dark backgrounds?

Is the image large enough for its biggest use without being far larger than it needs to be? A transparent PNG that is 6,000 pixels wide makes for a slow web page.

Get those four things right and your transparent image will sit cleanly on any slide, page or product listing you drop it into.