transparent-png-maker
A transparent PNG maker keys out a chosen colour (or near-colour range) from an image and replaces it with alpha transparency, producing a PNG you can drop onto any background β most useful for logos with white or solid-colour backdrops, screenshots from white pages, scanned line art, and product shots taken on a uniform sweep. The ZTools Transparent PNG Maker lets you click a pixel to set the key colour, adjust tolerance to expand or tighten the matched range, optionally feather the edge, and preview the alpha channel before exporting a clean PNG with no watermark.
Use casesβ
Logo cleanup for placement on dark backgroundsβ
A logo PDF/JPG comes with a white box around it. Click the white pixel, set tolerance ~20, export β instant transparent logo for use on coloured site headers.
Screenshot UI mockupsβ
Take a screenshot of a UI on a white page, key out the white, and the UI floats on any deck slide background.
Scanned line art for digital colouringβ
Pencil/pen drawing scanned on a white sheet. Key out the white to get transparent linework you can colour beneath in any image editor.
Product shots on white sweepsβ
Studio photo of a product on a white sweep. Key the white for an e-commerce-ready transparent cutout when AI background removal is overkill.
How it worksβ
- Upload image β JPG, PNG, WebP, HEIC. Drag-and-drop or paste.
- Click the colour to remove β Eyedropper picks the exact RGB. Or type a hex value if you know the target colour.
- Set tolerance β Slider 0β100. Low values match exact pixels; higher values include similar shades β useful for JPG compression artifacts around white.
- Optional feather β Soften the alpha edge to avoid jagged keying on photographic content.
- Preview and export PNG β Checker pattern shows transparency. Export as PNG (transparent), no watermark, original resolution.
Examplesβ
Input: JPG logo on white background, tolerance 25
Output: Transparent PNG; minor white halo around anti-aliased edges
Input: Screenshot of white-page UI, tolerance 5
Output: Crisp transparent UI cutout
Input: Photo with green-screen background, tolerance 35
Output: Transparent cutout suitable for compositing
Frequently asked questionsβ
Why does my logo have a white halo around the edge?
JPG anti-aliasing blends the edge with the background, so even tolerance 30 leaves traces. Solutions: increase tolerance carefully, feather the edge, or re-export the logo from its vector source as a true transparent PNG.
When should I use Background Remover instead?
For photographs of people, products, or animals on cluttered backgrounds. The colour-key tool here is best for logos / screenshots / scans where the background is one solid colour.
Can I keep parts of the background and remove others?
Yes β use the eraser/brush tools after keying to restore or remove specific regions.
Does it work on JPG?
Input can be JPG; output is always PNG (JPG does not support transparency). If you save the JPG result, the transparency is lost.
Why is the output PNG so much bigger than the JPG input?
PNG is lossless and stores alpha per pixel. For complex photographic transparency, expect 3β10x size growth vs JPG.
Is the result watermarked?
No. Output PNG is clean, fully owned by you, free for commercial use.
Tipsβ
- Pick the worst-offending background pixel β the keying expands from that exact RGB.
- When fighting JPG compression halos, feather 1β2 px is usually enough; more makes logos look mushy.
- For multi-colour backgrounds, key the dominant colour first, then run a second pass on the remainder.
- Always re-export logos from their vector source if you have it β it gives the cleanest transparent PNG.
- After keying, run the result through the Image Compressor to keep PNG size under control.
Try it nowβ
The full transparent-png-maker runs in your browser at https://ztools.zaions.com/transparent-png-maker β no signup, no upload, no data leaves your device.
Last updated: 2026-05-05 Β· Author: Ahsan Mahmood Β· Edit this page on GitHub