Image Transparency Tool
When you select a color, a per-color tolerance setting will be added here.
Original image
Drag and drop an image here
Or click to choose a file
Selection history
History will appear here when you select colors
How to use the Image Transparency Tool and practical use cases
This image transparency tool is a browser-based editor that precisely makes only the specified color transparent and can also make similar colors transparent together. It supports adding multiple colors for transparency and reapplying settings from history, and you can save directly in PNG, WebP, or AVIF format without installing any software.
All image processing is completed in the browser. Data is not sent to external servers, so you can edit even sensitive images with confidence.
Click a target color directly to make it transparent
Click either the original image or the processed image to specify the color you want to remove on the spot. Ideal for removing a single color from logos or backgrounds.
Make similar colors transparent in one go
By adjusting tolerance, you can make transparent not only the selected color but also nearby shades, gradients, and compression-noise-derived colors at once.
Add multiple colors and make them transparent
Switch color selection mode to "Add selected colors" to choose multiple colors and make them transparent together. This makes it easier to refine images with mixed-color backgrounds.
Keep selection history and restore instantly
Color and tolerance combinations are saved as history, so you can quickly compare by recalling tried settings with one click.
Supports next-generation AVIF and WebP formats
Make background-transparent images lighter while keeping high image quality. In addition to PNG, you can export to AVIF and WebP, so you can maintain image quality without slowing down your site's display speed.
Make the background transparent while preserving Exif metadata
Cut out only the background without removing the camera's shooting information. Because Exif data is retained even after making the image transparent, it is ideal for managing and sharing your work. Recommended for anyone who wants to preserve data accuracy.
Useful in situations like these
When you want to make white backgrounds transparent in product images and improve the readability of product listings on e-commerce sites and online shops.
When you want to remove unnecessary background colors from logos or icons so they blend naturally into websites, documents, and thumbnails.
When you want to quickly make only the surroundings of people, small objects, or illustration assets transparent for blog posts or social media.
Usage tips
- You can load images not only from the original image area on the left, but also by dragging and dropping or clicking in the transparent image area. Even when the original image is hidden, you can switch to the next image directly from the transparent image area.
- After clicking the color to make transparent, gradually increase tolerance to include similar colors. This helps naturally cut out backgrounds even when there are slight shadows or gradients. The key to clean results is to avoid overdoing it and adjust little by little while checking.
- If you want to remove multiple colors at once, select "Add selected colors for transparency". Tolerance can be adjusted individually for each selected color, and previous settings can be recalled from history, making detailed comparison work easier. (To use this feature, select "Advanced" mode.)
- With the "Transparency brush" feature, you can make brushed areas transparent or remove transparency from them. (To use this feature, select "Advanced" mode.)
- Enable "Show only transparent areas" to check only transparent parts in red. You can check for missed transparency and whether unintended parts were made transparent. It is useful together with the "Transparency brush" feature.
- Supported save formats are PNG, WebP, and AVIF, all of which preserve transparency information. Choose PNG for broad compatibility, WebP if you want smaller file sizes, or AVIF if you want even higher compression.
- For WebP and AVIF, you can set the quality from 0 to 100. The closer the value is to 100, the closer it is to the original image, and at 100 the quality matches the original image exactly. The closer it is to 0, the smaller the file size becomes, but the image quality decreases.
Supported input image formats
- PNG
- JPEG/JPG
- WebP
- GIF: Loaded as a still image. For animated GIFs, only the first frame is used.
- BMP: Can be loaded when supported by the browser.
- SVG: Can be loaded when supported by the browser. Vector images are also rendered onto the canvas on load.
- AVIF: Can be loaded in supported browsers. Also useful for preprocessing lightweight next-generation images.
- HEIC / HEIF / TIFF: Can be loaded in environments where the browser or OS has native support. Cannot be loaded in unsupported environments.
- When exporting, PNG, WebP, and AVIF are supported to preserve transparency information.