Transparent PNG Maker
Click any background area to erase it instantly. Magic wand flood fill with adjustable tolerance. Undo support. Download as transparent PNG. 100% browser-based.
Click a Colour, Erase It — That's the Whole Tool
The Transparent PNG Maker does one thing with no complexity: you click a colour area in your image, and every connected pixel within a similar colour range disappears, replaced by transparency. No AI processing, no waiting, no subscription. The tolerance slider controls how loosely "similar colour" is defined — at low tolerance, only pixels nearly identical to the one you clicked are erased; at high tolerance, a broader colour range gets swept up. Click multiple areas to remove different parts of the background. Undo any step if you go too far. Download the result as a transparent PNG the moment you're done.
The Tolerance Setting — Getting It Right First Time
Tolerance is the single control that determines whether this tool works perfectly or frustratingly for your image. The algorithm measures the colour difference between the pixel you click and each adjacent pixel — if the difference is within the tolerance threshold, that pixel gets erased too, and the process spreads outward from there. A pure white background (rgb 255,255,255) needs only tolerance 15–25 — just enough to catch slight JPEG compression artefacts along edges without touching the subject. An off-white or cream background needs 30–45. A light grey studio background often needs 40–60. Backgrounds with shadow are harder — shadow creates a gradient from the background colour to darker tones, and a single tolerance setting can't cleanly separate the shadow from the subject's own shadows. In those cases, multiple clicks at different tolerance levels, or using the Background Remover for its AI-based edge detection, gives better results.
When This Tool Beats the AI Background Remover
AI background removers — including the Background Remover on ToollyX — are trained on photographic subjects: people, animals, products photographed on plain backgrounds. They work brilliantly for those cases. But they struggle with flat graphic content: logos on white backgrounds, screenshots with coloured backgrounds, icons, diagrams, product catalogue images with pure studio backgrounds, and any image where the "subject" is not something their training data recognises. The flood-fill approach in this tool does not need to recognise what the subject is — it simply looks at colour similarity. A white background behind a logo is trivially easy: click the white, set tolerance to 20, done in one click. An AI tool might struggle with the same image because it doesn't recognise a geometric logo as a distinct subject.
Logo and Icon Transparency — The Most Common Use Case
The most frequent use of this tool is making logos and icons transparent so they can be placed on coloured backgrounds without a white box showing through. A PNG exported from a design tool always has a transparent background; a JPG does not. But many logos are only available as JPGs — downloaded from company websites, extracted from PDFs, exported from old design software. To use a JPG logo on a coloured background in a presentation, a website or a document, you need to remove the white background and save as PNG. Upload the JPG here, click the white background, download the transparent PNG. Takes under 20 seconds. After generating the transparent PNG, if file size matters, the Image Compressor can reduce PNG file size significantly — transparent PNG files with large empty areas compress extremely well.
Understanding What Flood Fill Can and Cannot Do
The flood-fill algorithm is a connected region approach — it starts from the pixel you click and spreads to adjacent pixels that fall within the tolerance range. This means it can only erase the background in areas that are connected to your click point. If your background has the same colour as part of your subject — a white shirt against a white background, for example — erasing the background will also erase those subject areas, because the algorithm cannot distinguish between them by colour alone. It also means the inside of enclosed shapes (the hole in the letter O, the centre of a ring logo) must be clicked separately, since they are connected colour regions that the outer background click cannot reach. Each click is stored in the undo history, so you can build up complex erasures step by step and undo selectively if any step removes something it shouldn't.
Preparing Your Image for Best Results
The quality of the source image matters more than the tolerance setting. JPEGs with heavy compression introduce colour noise along edges — what looks like a clean white background contains hundreds of slightly different off-white pixels in the 2–3 pixel zone around the subject edge. High tolerance wipes those pixels but risks bleeding into the subject; low tolerance leaves a fringe. The cleanest results come from PNG source files (lossless, no compression artefacts) or very high-quality JPEGs (compression level 90%+). If your only option is a compressed JPEG, run it through the Image Converter to convert to PNG first — this won't restore lost quality, but it stops further JPEG degradation during the export step. For images that need to be resized to a specific dimension after background removal, use the Image Resizer.
Using the Output — Transparent PNG in Practice
The downloaded PNG has full alpha channel transparency — the erased areas are completely empty, not white or any other colour. This works natively in all modern design tools (Figma, Canva, Photoshop, Illustrator, Keynote, PowerPoint, Google Slides) and in HTML/CSS. In web design, a transparent PNG placed over a background colour or gradient shows the background through the transparent areas cleanly. For social media graphics, transparent PNGs can be layered over any template background without needing to match colours. Note that some platforms (certain email clients, some document processors) render transparent areas as black rather than white — if your use case involves those platforms, consider using the Round Image Cropper to apply a white border fill, or simply place the transparent PNG on a white background before the final export. For sharp-edged geometric shapes, the Round Image Cropper produces cleaner edges than flood fill on complex subjects.
✓Verified by ToollyX Team · Last updated June 2026
Frequently Asked Questions
Disclaimer: All image processing runs locally in your browser using the Canvas API. No images are uploaded to any server.