Basics Instantly Remove The Background From Your Images

In the tutorial below we remove the background from a photo of the office Fragrance Diffuser.

View Example In Editor» The example edits are slightly different from the tutorial below.

1. Upload image


2. Mark foreground

Use the green tool to mark part of the foreground.

Original + Marks

original tutorial image w/ marks

Result

result tutorial image
Tip:

Stay well within the foreground, and don't mark too much.


3. Mark background

Use the red tool to mark part of the background.

Original + Marks

original tutorial image w/ marks

Result

result tutorial image
Tip:

Stay well within the background, and don't mark too much.


4. Inspect & Fix

Zoom in to inspect the result, and apply touchup marks as necessary. Use the scalpel on troublesome edges. Erase marks that cross boundaries.

Original + Marks

original tutorial image w/ marks

Result

result tutorial image
Tip:

You can always Undo unfortunate edits, or Edit > Clear all marks and start over.


5. Optional: Tweak The Result

Spice things up by adding finishing touches like drop shadows, color adjustments, cropping the result, and changing the background color.

You can also control how you want your edges: smoothness, feathering, offset.

Original + Marks

original tutorial image w/ marks

Result

result tutorial image

6. Download result

How-To VideosSee it in action

Alternate Between Red and Green

The easiest way to clip an image is to alternate between red and green to let the algorithm give you feedback on where it needs more marks.

Tip:

Use Space Bar to toggle between and


Erase Boundary Crossing Marks

Leave space to let the algorithm find the exact edge. Red and green should never touch. Use the scalpel for precision control of the boundary.

Marking RulesStay Well Within The Lines

Anything you mark will either be fully in the result, or fully removed from it. This is why it's so important to not go outside the lines - the result is guaranteed to be wrong.

Rules

Green =100% Foreground = Always fully kept in the result
Red =100% Background = Always fully removed from the result
Unmarked =Algorithm decides =Leave space to let algorithm figure out exact edge

Red and Green Marks Should Never Touch

Common ProblemsAnd How To Fix Them

There are two types of problems: marks that cross boundaries and missing marks. The fix is always the same: Erase marks that go over the lines, and add missing foreground and background marks. You can always undo unfortunate edits, or clear all marks and start over.

Don't Highlight

The green / red tools are not highlighters, and using them as such will produce a terrible result.

×

Original + Marks

original tutorial image w/ marks

×

Result

result tutorial image

Stay Within The Lines

Don't accidentally mark green outside the foreground - it will pull background into your result.

Similarly, don't accidentally mark red on the foreground - it will delete foreground from your result.

Erase marks that cross boundaries.

×

Original + Marks

original tutorial image w/ marks

×

Result

result tutorial image

Original + Marks

original tutorial image w/ marks

Result

result tutorial image

Mark All Pieces

Sometimes there is a piece of background within the foreground.

You will need to mark such pieces one-by-one.

×

Original + Marks

original tutorial image w/ marks

×

Result

result tutorial image

Original + Marks

original tutorial image w/ marks

Result

result tutorial image

Pre-Crop


Your image size exceeds your active size limit. For best results, please crop the image to the portion you wish to clip.

Lock Aspect Ratio
Size Limit

Original Image

Size:
Aspect Ratio:
Megapixels:

Cropped Image

Size:
Aspect Ratio:
Megapixels:

Cropped image exceeds size limit and will be scaled to fit.

Size limit met, full resolution preserved.

Javascript Error :-(


Please help us fix this issue!