HomeTextDataDeveloperFilesMediaUtilities

Background Remover

Remove solid-color, light, dark, or high-contrast image backgrounds locally in your browser. Refine the mask, preview transparency, and export PNG or WebP.

🔒 All processing happens in your browser. No images are uploaded.
🖼️

Drag & drop an image, or click to browse

PNG, JPEG, WebP, AVIF supported

Method

Click image or use picker to add key colors
Pixels matching key colors within tolerance become transparent. Best for solid backgrounds.

Mask Refinement

Preview

Before After

Export

Diagnostics

What This Tool Does

This tool removes image backgrounds using local Canvas pixel operations. It works entirely in your browser — no images are uploaded or sent anywhere.

Color Key Removal

Pick one or more background colors from your image. Pixels close to those colors become transparent. Best for solid-color product shots, logos, and icons.

Luminance Removal

Remove bright (white/light) or dark (black/dark) backgrounds based on pixel brightness thresholds.

Contrast-Based Cutout

Uses border-color analysis to identify background pixels. Works for high-contrast images with clear edges. Does not perform semantic subject detection.

Mask Refinement

Tolerance controls color matching distance. Feather softens edges. Erode/dilate contracts or expands the mask. Despeckle removes isolated pixels.

Before/After Comparison

A pixel-aligned comparison slider shows the original and result side by side. Both layers share the same coordinate system so images never shift or misalign.

Exporting

PNG and WebP preserve transparency. JPEG requires a background color since it does not support alpha. Export at original size or trim transparent margins.

When This Works Best

Solid or near-solid backgrounds, product photography on white/colored backdrops, logos, icons, and high-contrast cutouts. For complex natural scenes, hair, fur, or textured backgrounds, manual refinement will be needed.

Privacy

All processing happens locally in your browser. Images are never uploaded, sent to servers, or stored anywhere.

FAQ

Is my image uploaded?

No. All processing happens locally in your browser using the Canvas API.

What backgrounds work best?

Solid or near-solid colors, white/light backgrounds, dark backgrounds, and high-contrast edges.

Why is some background still visible?

Increase tolerance or add more key colors. Some gradients need multiple passes.

Why did part of the subject disappear?

Reduce tolerance or remove a key color that matches the subject. Use feather to soften edges.

How do I pick the background color?

Click "Pick" then click on the background area in the image. You can add multiple colors.

Can I use multiple background colors?

Yes. Click multiple points to add colors. Each swatch can be removed by clicking it.

What does feather do?

It softens the alpha transition at mask edges, reducing hard cutout artifacts.

What is mask preview?

White pixels are kept foreground, black pixels are removed background, gray pixels are semi-transparent edges.

Why does JPEG not keep transparency?

JPEG does not support alpha channels. Export as PNG or WebP for transparency.

What is the difference between original size and trimmed export?

Original size keeps the full canvas dimensions. Trim removes transparent margins around the subject.

Can I remove complex natural backgrounds?

This works best for solid backgrounds. Complex scenes with hair, fur, or gradients need manual refinement.

Does this use AI?

No. This tool uses local Canvas-based pixel operations such as color key, luminance thresholds and mask refinement. No image is uploaded.