Skip to content
All Tools

Background JPG · PNG · WebP 100% local

Image Background Remover

Remove the background from JPG, PNG and WebP images using a simple color/flood based removal.

Runs in your browser — your image never leaves your device Updated September 2026

Processed directly in your browser. Your image never leaves your device.

About this tool

Image Background Remover eliminates solid-colored backgrounds from JPG, PNG and WebP images using a deterministic flood-fill algorithm. You click the color you want removed, and the tool replaces every pixel within a matching range with full transparency, producing a downloadable PNG with a clean alpha channel.

This is not an AI-powered cutout service. There is no neural network, no semantic understanding of foreground and background, and no cloud processing. The tool reads the color at the pixel you click, then spreads outward in every direction replacing all pixels that fall within the tolerance range. The result is precise and predictable: it removes exactly the color you selected, nothing more and nothing less.

Because the processing happens entirely in your browser using the Canvas API, your image never leaves your device. There is no upload to a server, no temporary storage and no third-party involvement. The flood-fill runs in browser memory, the transparent PNG is assembled on an off-screen canvas, and the download is triggered directly from the browser. Closing the tab clears everything.

The tool accepts JPG, PNG and WebP as input formats but always outputs PNG. This is a deliberate choice: PNG is the only widely supported raster format with full alpha transparency. JPG has no alpha channel at all, and while WebP can carry transparency, PNG output ensures maximum compatibility with design tools, CMS platforms and print workflows that need a transparent asset.

The zoom and seed-point selection give you precision that a simple click-to-remove interface cannot match. By magnifying the area around your cursor, you can place the seed pixel on the exact shade of the background you want removed, avoiding subject edges where the background color blends into anti-aliased borders. This precision is what separates a clean, professional cutout from one with jagged edges or leftover color fringes.

Solid backgrounds still dominate studio product photography, which is why a deterministic color-based tool remains practical. White seamless paper, grey and colored backdrops, and green screens appear in thousands of catalog shots every month, and each one carries exactly the kind of uniform backdrop this algorithm is built to read. When the background is truly solid and evenly lit, flood-fill removal produces cutouts that match manual masking in a fraction of the time, and it does so identically across an entire batch of files.

Understanding when automatic detection works best is the difference between a clean result and a frustrating one. The algorithm excels on single-color, evenly lit backdrops and degrades in predictable ways: mild gradients need a higher tolerance, hard shadows need extra seed clicks, and textured surfaces will not flood-fill at all. Matching the tool to the honest type of background in your file is the first step toward a professional cutout, and cleaning up the edges and shadows afterward is the second.

How to use Image Background Remover

  1. Drop an image with a solid or near-solid background.

  2. Zoom in and click the background color to set the seed point.

  3. Adjust the tolerance if needed, then download the transparent PNG.

What this tool does

  • Flood-fill removal with tolerance control.

  • Works best on solid backgrounds.

  • Zoom + click to set the seed point.

Specifications

Input formats JPG, PNG, WebP
Output format(s) PNG (transparent)
Processing Local browser (Canvas API)
Uploads None — files stay on your device
Max file size 25 MB per file
Original file Never modified
Accepted formats JPG, PNG, WebP
Output format Transparent PNG
Removal method Flood-fill with tolerance control

In-depth Guide

Flood-fill algorithm explained

The flood-fill algorithm starts at the seed pixel you clicked and reads its RGB color value. It then checks every neighboring pixel to determine whether its color falls within the tolerance range of the seed. If it does, that pixel is set to fully transparent and the algorithm continues outward. If it does not, the algorithm stops at that boundary.

Tolerance is the key parameter. A tolerance of zero means only pixels with the exact same RGB value as the seed are removed. A higher tolerance accepts pixels that are similar but not identical, which handles backgrounds with slight gradients, lighting variations or compression artifacts. Too high a tolerance and the algorithm eats into the subject. Too low and it leaves a halo of background color around the edges.

The algorithm spreads outward from the seed pixel in every direction, expanding through every connected pixel that falls within the tolerance until it hits a boundary that does not match. This connected expansion is what lets it reach pockets of background trapped between subject features.

Tolerance level Effect on output Use case
Very low (0-10) Only exact or near-exact color matches removed Pure solid backgrounds with no variation
Low (10-30) Closely matched shades removed, sharp subject edges preserved Slightly uneven studio backgrounds
Medium (30-60) Moderate shade range removed, some edge softening Backgrounds with mild gradients or shadows
High (60+) Wide shade range removed, risk of eating into subject Heavily varied backgrounds (use with caution)

Seed point placement and why it matters

The seed point is the single pixel you click to define the background color. Every subsequent flood-fill decision is measured against this pixel. If you click on a shadow area of a white background, the seed color is a light grey rather than pure white, and the flood-fill targets shades close to that grey instead of the full range of the background.

For best results, click on a representative area of the background: a flat, evenly lit region that is not touching the subject edge. Avoid clicking on shadows, highlights or compression artifacts, which represent a narrow color range that may not cover the full background.

The zoom magnifier is there to help you place the seed precisely. On a high-resolution photo, a single pixel difference can mean the difference between targeting the background and accidentally sampling a semi-transparent edge pixel that blends subject and background colors.

  • Click a flat, evenly lit area of the background away from subject edges.
  • Use the zoom magnifier to avoid clicking on shadows or compression artifacts.
  • Keep clicking each remaining background shade - every click adds another removed region to the same session.
  • Use the undo controls to step back a click that removed too much, then re-click with a lower tolerance.

Edge quality and anti-aliasing

Where the subject meets the background, the pixels are neither fully subject nor fully background. These anti-aliased edge pixels contain blended colors that create a smooth visual transition. The flood-fill algorithm treats them as borderline cases: depending on the tolerance, they are either kept (leaving a slight background fringe) or removed (creating a slightly aggressive edge).

Getting the edge right is a balance. A tolerance that is too high removes the anti-aliased pixels along with the background, producing a hard, jagged subject edge. A tolerance that is too low keeps the anti-aliased pixels along with a thin halo of background color. The sweet spot depends on how much color contrast exists between the subject and the background.

If you see a faint color fringe around the subject after download, try increasing the tolerance slightly and re-running the tool. If the subject edges look eroded, decrease the tolerance and place the seed point farther from the subject.

Problem Cause Fix
Color fringe around subject Tolerance too low, anti-aliased edge pixels kept Increase tolerance by 10-15
Eroded or jagged subject edges Tolerance too high, subject pixels removed Decrease tolerance and move seed away from edges
Background not fully removed Seed clicked on a shadow or highlight Click a more representative background area
Subject partially removed Subject and background share similar colors Lower tolerance or click a more representative seed

When flood-fill background removal is the right tool

Flood-fill works best when the background is a single, uniform color: a white studio backdrop, a solid green screen, a flat color wall, or a product shot on a clean surface. The more uniform the background, the cleaner the result.

It struggles with gradient backgrounds, textured surfaces, photographic scenes or backgrounds that contain multiple distinct colors. In those cases, a manual image editor with selection tools or a dedicated AI cutout service would produce better results.

The sweet spot for this tool is high-volume product photography where every image has the same background. Set the tolerance once, apply it to each image, and the consistent background yields clean cutouts every time.

Background type Flood-fill result Recommended approach
Solid white studio Excellent This tool
Solid colored wall Excellent This tool
Green screen Excellent This tool
Slight gradient Good with adjusted tolerance This tool with higher tolerance
Textured or patterned Poor Manual editor or AI cutout
Photographic scene Very poor Dedicated AI cutout service

Best conditions for automatic background detection

Automatic detection via flood-fill works best when three conditions hold: the background is one color family, the lighting is even across the frame, and the background never touches the subject with a color the subject also carries. Satisfy all three and a single click with a modest tolerance usually clears the entire backdrop in one pass.

Lighting matters more than the camera used to take the shot. A well-exposed studio image with a flat, even backdrop prints a tight cluster of color values that one tolerance band can cover. The same backdrop under a hard side light produces a ramp from bright to dark across the frame, and that ramp needs either a wide tolerance, several seed clicks, or both before it disappears.

A real photograph adds noise, vignetting and compression on top of the flat color. Camera sensors record slight variation even on an even wall, JPEG compression smears that variation into faint bands, and lenses darken the corners of the frame. All three push otherwise-perfect backgrounds outside a zero-tolerance match, which is the practical reason the tolerance control exists at all.

Cleaning up edges and rescuing shadow areas

After the first flood-fill pass, the leftovers that remain are usually edge fringes, cast shadows and faint specular highlights. Edge fringes appear because anti-aliased boundary pixels blend subject and background color, and shadows and highlights persist because they sit outside the tolerance band of the backdrop shade you clicked first.

The cleanup sequence is mechanical. Click each remaining shade with the zoom engaged, working from the largest leftover region down to the smallest. Use low tolerance on the clicks that run near subject edges and slightly higher tolerance in open background pockets, and re-run until the preview shows no residual color before you verify the boundary at high magnification.

Cast shadows deserve a deliberate decision rather than an automatic one. A soft shadow under a product often grounds the object in the composition, and deleting it along with the background can make the subject look like it is floating. Where the shadow reads as intentional, protect it by keeping the tolerance low on nearby clicks; where it distracts, remove it like any other background shade.

  • Remove open background pockets before working toward subject edges.
  • Click low-tolerance seeds beside subject borders to protect edge width.
  • Decide once whether cast shadows stay or go, then keep the batch consistent.

How it works

Flood-fill algorithm

The tool reads the color at the clicked seed pixel, then spreads outward replacing all pixels within the tolerance range to transparent. Tolerance controls how aggressively it matches similar shades.

Zoom and seed selection

A magnified view lets you place the seed pixel precisely on the background color, avoiding subject edges where color blending occurs.

Example result

Before After
Status: Image loaded Status: Background removed
Detail: A product photo on a pure white studio background. Detail: White area replaced with transparency, product edges preserved, downloaded as PNG.

Flood-fill removal works best on images where the background is a single uniform color. Results depend on the tolerance and the contrast between subject and background.

Pro tips

Start with a low tolerance and increase gradually

A low tolerance gives you a safe baseline. Increase it in small increments until the background is fully removed without eating into the subject.

Use the zoom to place the seed pixel precisely

A magnified view prevents accidental clicks on subject edges or compression artifacts, which would set the wrong seed color.

For multi-colored backgrounds, click each shade once

Every click removes the region the seed color touches, and the removed regions accumulate in the same session. Click the dominant background color first, then each remaining shade before downloading, using Undo last to step back when a single click removes too much.

Verify the edges at full zoom before downloading

Edge problems that are invisible at preview resolution become obvious at full size. Check the result before committing to the download.

Use PNG output and verify with the Image Metadata Viewer

PNG preserves the alpha channel. After download, the Image Metadata Viewer can confirm the file is a clean PNG with no unexpected metadata.

Cut cleanup time by improving the backdrop

Even lighting and a backdrop that contrasts with the subject shrink the number of leftover shades. A backdrop a few steps away from the subject color widens the safety margin for tolerance.

Reuse one setup across a shared-background set

When every image in a set shares the same backdrop, run them all with the same seed color and tolerance. Deterministic processing then produces consistently matched cutouts, which is far harder to achieve by hand-editing each file.

When to use it

Great for Image Background Remover

  • Cut out a product from a white background for a catalog listing.
  • Remove a solid-color backdrop from a headshot.
  • Prepare an image for compositing onto a different background.

Watch out for

  • Images with gradient, textured or photographic backgrounds - the flood-fill method cannot separate a subject from a complex scene.
  • Images where the subject color is very close to the background color - the tolerance may accidentally erase parts of the subject.

Privacy

This tool runs entirely in your browser using the Canvas API. Your image is never transmitted — there is no upload endpoint involved. Clearing the page removes the file from memory.

Edits never overwrite your original file. Every result is a new download, so you always keep the source image. Read the privacy policy.

Troubleshooting

Increase the tolerance slightly or click a seed point closer to the subject edge. Higher tolerance smooths transitions but risks eating into the subject.

The subject and background share similar colors in that area. Lower the tolerance or click a seed point farther from the subject.

Frequently asked questions

No. This is a deterministic color/flood removal. For complex scenes, use a dedicated cutout service.

No — everything runs in your browser.

You can still get good results by raising the tolerance so the tool captures the full range of shades. For heavily uneven backgrounds, try splitting the image into sections.

Each click sets one seed point and one color range. To remove a second color, re-load the image and run the tool again on the remaining areas.

JPG does not support transparency at all. While WebP can carry an alpha channel, PNG is the most universally supported transparent format and ensures the output works in every design tool and CMS.

A JPG cannot contain transparency. The tool reads the JPG pixels, removes the background color, and outputs a PNG where the former background area is transparent.

No. AI cutout services use trained models to distinguish foreground from background semantically. This tool uses a color-based algorithm that works well on solid backgrounds but cannot separate a subject from a complex scene.

The flood-fill targets pixels within a color range. Semi-transparent pixels that fall within the tolerance are made fully transparent. Partially transparent edges may require tolerance adjustment to preserve.

Yes, but compression artifacts spread the background color into nearby shades. A slightly higher tolerance helps catch these variations. For heavily compressed sources, the edges may not be perfectly clean.

Yes, but verify the resolution. The tool preserves the source pixel count, so a low-resolution source produces a low-resolution cutout. Print use typically requires 300 DPI at the target size.

Files up to approximately 25 MB are accepted. Larger sources may exceed the browser Canvas memory available for the pixel buffer and fail to decode.

A cast shadow is a gradient rather than a single color, so it spans many shades from deep grey to clear. Each click only catches the shades that fall inside its tolerance, so cover the ramp in steps or accept the shadow as part of the composition.

Technical details

Algorithm Breadth-first flood fill from seed coordinate
Output PNG with alpha transparency
Max file size Approx. 25 MB
Not AI Deterministic color-based removal only

Tool last updated: September 2026. Browse all image tools.