Design Tips

How to Make an Image Background Transparent

A transparent background lets a subject, icon or logo sit on top of any colour, gradient or photo without an awkward box around it. JPG cannot store transparency, so the trick is to run a Removal on your Original and save the Cutout as a PNG. This guide shows how, and explains how to check that the transparency really works before you use the file.

6 min readUpdated
Interactive Tool

Test This Workflow Now

Select Image

Drag & drop your file here, or browse from device.

Try reference file:

Step-by-Step Instructions

01

Choose the Original to convert

Pick a JPG, PNG or WebP file up to 15MB and 4096 pixels per side. A JPG cannot hold transparency itself, which is fine: the Cutout is a new file, and your Original stays untouched on your device.

02

Run the Removal

Drop the file onto RemoveBG.cfd. The Removal runs in your browser with WebAssembly and marks the subject as opaque and everything else as transparent. The first run may take a moment while the model loads.

03

Look at the checkerboard preview

The checkerboard pattern is the standard way to show transparency. Wherever you can see the grey and white squares, the Cutout is transparent. Zoom in on the outline and on any holes inside the subject, such as the gap in a handle or the space between letters.

04

Test against white and black

Switch the preview to white, then to black. A faint light or dark edge on one of them tells you the outline still carries some of the old background. It is much easier to notice here than after you have placed the file in a design.

05

Download the transparent PNG

Click download to save the Cutout as a PNG. The PNG keeps an alpha channel, which is the part of the file that stores how transparent each pixel is. Use the file as it is, and keep the Original in case you want to run a new Removal later.

When this works best

Making a background transparent is most useful when the subject will be placed on something else: a slide, a poster, a website header, a sticker design, a product page or a social post. If the subject only ever sits on a plain white page, a transparent file is nice to have but not essential.

It is easiest when the subject has a clear boundary, such as a mug, a logo or a person against a plain wall. Busy backgrounds and subjects that blend into them take more care, and it is worth checking the edges closely.

Why JPG turns into a white box

JPG has no alpha channel, so every pixel has to be a solid colour. When a graphics program saves a picture with a see-through area as a JPG, it fills that area, usually with white. That is why a logo pasted onto a dark slide arrives with a white rectangle around it.

PNG and WebP can both store transparency. The tool downloads the Cutout as a PNG because it is supported almost everywhere. If you later convert the file to a format without transparency, the effect disappears again, so always check the format when a transparent area suddenly turns solid.

Preparing your Original

Start with the sharpest, best-lit version you have. Transparent edges follow the outline of the subject, so a soft or noisy outline becomes a soft or noisy edge in the Cutout. Avoid heavy compression where you can, because the blocky artefacts around edges in a heavily compressed JPG make a clean outline harder to produce.

If you are working from a screenshot or a scan, crop it to the subject first. A tighter crop makes it easier to judge the result at a glance and keeps files smaller.

Common problems and fixes

If the Cutout still shows a white box in your design software, the usual cause is that the file was converted or exported in a format without transparency. Re-import the PNG directly and check that the layer does not have a background fill.

If parts of the subject are see-through when they should not be, the subject probably shares a colour with the background. Retake the photo against a contrasting background, or choose a different Original.

If you see a thin coloured outline, preview on white and black to understand how strong it is. Placing the subject on a background close to its original one often hides a mild fringe.

Choosing a background afterwards

Once the Cutout is transparent you can pick the new background freely. Solid colours are the safest. Gradients and photographs look more natural when their lighting matches the subject. For presentations and documents, place the PNG on the page and let the slide background show through.

Export and file format tips

Save as PNG whenever transparency matters. For web use, large transparent PNGs can slow a page down, so check the PNG vs WebP article below before choosing a format, and test the result in the place you plan to use it. If a platform asks for a specific format or size, check its current rules rather than assuming.

Operational notes
  • PNG is the universal standard for web transparency. Always save as PNG, not JPG, to keep transparency.
  • If you are creating logos for websites, keep the transparent PNG and optimise its size afterwards rather than flattening it.
  • Test the file on the actual background you plan to use, not just on the checkerboard.
  • Zoom in on corners and thin lines. They are where leftover background tends to hide.
  • Keep the Original and the Cutout side by side in the same folder so you can redo a Removal easily.