DONEIMG

Transparent Backgrounds: PNG, WebP and What Works

A transparent background lets a logo sit on any colour. Not every format can do it, and not every picture is easy to cut out.

4 min read

Formats that support transparency

PNG and WebP support transparency. SVG does too. JPG does not, so transparent areas are filled with a solid colour, usually white or black, when you save as JPG.

For logos and graphics, PNG is the most widely compatible choice. WebP often produces a smaller file with the same transparency, and SVG is ideal for simple vector shapes that need to scale. GIF also has simple on-off transparency, but it is limited to 256 colours and rarely the best choice today.

Removing a plain background

If a logo sits on a single solid colour, a colour-based tool can remove it. You pick the colour by clicking on it, set a tolerance and download a PNG.

This is not an AI cutout. The tool simply treats pixels close to the picked colour as background, which is why it works best on plain, evenly coloured backgrounds.

Limits

Colour-based removal does not recognise objects. Photos with complicated or similar-coloured backgrounds need a different approach, such as a manual cutout in an image editor.

If the subject contains the same colour as the background, for example a white logo on a white sheet, those parts may become transparent too.

Clean edges

A small amount of edge softness can hide jagged borders. Too much tolerance can remove parts of the subject, so adjust gradually and preview on a dark and a light background. Zooming in on corners and thin lines is the quickest way to spot problems before you download.

Remember that anti-aliased edges contain blended pixels, so a perfectly sharp result is not always possible on small or low resolution images. Starting from a larger original gives the cleanest outline.

Leftover light halos around a shape usually mean the tolerance is slightly too low. Holes inside the shape usually mean it is too high. If both problems appear together, the subject and background are probably too similar in colour for this method, and a manual edit is the safer route.

A worked example (illustrative)

Imagine a company logo exported as a JPG with a white background. You click the white area to pick it, start with a low tolerance and raise it little by little until the white disappears and the faint light fringe around the letters goes away. Then you check the result on a dark background and on a coloured one, because edge problems are much easier to see against a contrasting colour. If the letters are still clean, you save it as PNG.

A JPG logo may have slight colour noise around the edges, so a small tolerance is often needed rather than an exact match. Gradients, shadows and soft glows in the original are harder: a shadow is made of many shades of grey, so a single colour pick will remove only part of it. For those graphics, it can be easier to re-export the logo from its source file with a transparent background.

Step-by-step workflow

Common mistakes

Quick checklist

Doing it with DoneImg in your browser

Open the Make Transparent tool, add your image and click the background colour. Adjust the tolerance, check the preview, then download the PNG. If you need a smaller file, run it through the converter to WebP afterwards.

The image is processed in your browser and is never uploaded. That means logos, drafts and client artwork stay on your own device while you work.

Tip: if the first attempt leaves a fringe, undo with a slightly higher tolerance rather than starting over, and keep the original file so you can always try again.

Try these tools

More guides