🪄 Image Background Remover
Convert images with a solid (e.g. white) background to a transparent PNG. Click the background to pick the color, then adjust tolerance and edge smoothing. Processed in-browser via Canvas API.
🔒 About Privacy
- ・All processing happens entirely in your browser (Canvas API)
- ・Image data is never sent to any server
- ・No storage logs, no upload history, no database
- ・No signup, no login, no payment ever
Drag & drop, click to select, or paste an image
💡 Click the original image (left) to pick the background color — transparent preview appears on the right
📖 Where people get stuck
Click the background colour of an image and every pixel close to it becomes transparent, exporting a PNG with an alpha channel. Tolerance and edge smoothing are adjustable, and processing uses the Canvas API entirely in the browser. The only judgement being made is whether a colour is close — nothing here distinguishes the subject from the background — so any part of the subject sharing that colour disappears with it. That mechanism accounts for every limitation below.
| Case | What happens | What to do |
|---|---|---|
| Hair and fur come out with jagged edges | A colour key decides transparent or opaque for each individual pixel — it cannot produce anything semi-transparent in between. But in a real image a single hair is thinner than a pixel, and the pixels along an edge hold a blend of the background and subject colours. That blended pixel looks wrong either way: make it transparent and the hair vanishes; make it opaque and the background colour survives as a fringe. Soft edges, translucent glass, smoke and lace fail for the same reason — not because the implementation is crude but because this is the intrinsic limit of deciding by colour alone. | Turn on edge smoothing first — it gives boundary pixels an intermediate alpha value and softens the jaggedness considerably. But cutting hair or fur out cleanly is simply beyond this technique: if that is your goal, use a machine-learning background remover such as remove.bg, or build a mask by hand in an image editor. Judge by what you are cutting out: a colour key is quite sufficient for logos, icons, diagrams and product photographs with crisp outlines, and unsuitable for people, animals and plants. Rather than spending time discovering that the result is ugly, look at the subject outline first — if zooming in shows a soft, blended edge, a colour key will not do it. |
| Parts of the subject vanish along with the background | Key out a white background and a white shirt, a sheet of paper, a plate, the whites of the eyes and specular highlights are the same colour, so they go transparent too. Raising the tolerance widens what counts as close, so greyish areas and white in shadow get swept in as well. In the transparency preview everything sits on a chequerboard, which makes a missing white area hard to spot — the typical sequence is that you export it, place it on a white page, and only then discover the holes. | Lower the tolerance and work in several passes — rather than removing everything at once, click the bright and the dark parts of the background separately and the subject survives better. Always check the result against both a white and a black background: a hole in a white area is invisible on white, and a hole in a dark area is invisible on black. The real solution lies at the shooting stage: chroma key works by using a background colour the subject does not contain, and video production settles on green and blue because human skin and hair contain almost none of either. If you shoot products on white, leaving the white in place usually looks better than keying it out. |
| Patches of the supposedly white background survive | The cause is JPEG compression noise. JPEG discards colour information when it saves, so an area that looks pure white on screen actually holds values scattered between about 248 and 255. The effect is strongest around the subject outline, where compression produces the ripple-like artefact known as ringing — those pixels drift away from the background colour, giving the characteristic symptom of a band of background surviving along the edge. Screenshots and scans behave the same way if they were saved as JPEG. | Start by raising the tolerance a little — compression scatter is typically around ten, so absorbing that much is enough. If a band still clings to the outline, crop after keying, or shave the edge slightly inward. More fundamentally, supply the source as a PNG: PNG is lossless, so white stays at exactly 255. Setting your screenshot tool to save PNG means the problem never arises. For a logo or an icon, re-exporting a transparent PNG from the source file — the SVG or the design document — is the best answer, because information lost to JPEG cannot be recovered from the JPEG. |
Always save a keyed image as PNG or WebP — JPEG has no mechanism for transparency, so the background you just removed comes back filled with white or black. Choosing by use: PNG for compatibility or WebP for size on the web; for print, painting in the background colour you will actually use is safer than transparency, since print shops treat it differently and may composite it against a colour you did not intend. Social profile images and icons are usually composited by the service onto a white or black background, ignoring transparency — upload a white logo as a transparent PNG and it can disappear against white, so upload it and look. Watch the file size too: a photograph saved as a transparent PNG runs several times the size of the same image as JPEG. Check first whether you actually need the transparency.
📖 How to Use
-
1
Load an imageDrag and drop, click to select, or paste from clipboard with Ctrl+V.
-
2
Pick the background colorClick the background area of the left image to capture its RGB. You can also enter the color manually with the color picker.
-
3
Adjust tolerance and edgesIncrease tolerance to also remove similar shades. Enable edge smoothing for softer boundaries.
-
4
Download the transparent PNGDownload as PNG with alpha channel. Filename gets the _transparent suffix.
❓ Frequently Asked Questions
Is my image uploaded to your server?
Can I remove complex (photographic) backgrounds?
What image formats are supported?
🔗 Related Tools
🐛 Found a bug or issue with this tool?
Free to use, no signup. Even just the steps to reproduce are helpful. Reports go directly to the operator and help us fix issues.
Thanks for your report!
Your report has been delivered to the operator and will be used to improve the tool.