Removing a background is the single most common photo-editing task there is — product shots for a listing, a headshot for a profile, a logo that needs to sit on any color. You don't need to install anything or pay for a subscription to do it properly. This tutorial walks through the full workflow in PhotoFresco, a free browser-based Photoshop alternative, using the same technique professionals use in Photoshop: a selection plus a layer mask, so the original pixels are never destroyed.
The whole thing takes about five minutes the first time, and under a minute once you've done it twice.
What you'll need
A browser. That's it. Open the PhotoFresco editor and drag your photo onto the window (or use File → Open…). The editor runs entirely on your own machine — the photo is opened locally and is never uploaded to a server, which also means this works offline and is safe for client work you can't share.
Step 1 — Pick the right selection tool
PhotoFresco has the same selection toolkit as Photoshop, and the right choice depends on your image:
| Tool | Best for |
|---|---|
| Object Selection | A clear subject on a busy background — drag a box around the subject and the tool finds its edges for you. Start here. |
| Quick Selection | Subjects with soft or irregular edges — paint over the subject and the selection grows to matching regions as you drag. |
| Magic Wand | Flat, single-color backgrounds (product photos, logos, screenshots) — one click selects the whole background at once. |
| Lasso / Magnetic Lasso | Manual control for tricky areas, or cleaning up a selection the automatic tools got almost right. |
All of them live in the toolbar, exactly where you'd expect from Photoshop — and they share Photoshop's modifier convention: hold Shift to add to a selection, Alt/Option to subtract, and both together to intersect. You'll use that constantly in step 3.
Step 2 — Make the initial selection
Two routes, depending on the tool you picked:
- Selecting the subject (Object Selection or Quick Selection): drag a box around your subject, or paint across it. You want the selection marching-ants hugging the subject.
- Selecting the background (Magic Wand): click the background. If the click grabs too much or too little, adjust the tool's tolerance in the options bar and click again — higher tolerance selects a wider range of similar colors. When the background is fully selected, flip the selection to the subject with
Select → Inverse(Shift+Cmd+I / Shift+Ctrl+I).
Don't chase perfection here. Getting 95% of the way with one drag and fixing the rest with Shift/Alt strokes is much faster than trying to get one perfect pass.
Step 3 — Refine the edge
Zoom in (scroll or the Zoom tool) and patrol the edge:
- Missed a region? Hold Shift and paint or click it in.
- Grabbed too much? Hold Alt/Option and remove it.
- Edge looks jagged or cuts into the subject? Open
Select → Select and Mask…to refine the boundary interactively, or apply a lightSelect → Feather…(0.5–1 px) to take the crispness off a hard cutout. Hair and fur benefit from a slightly larger feather; hard-edged products usually need none.
Step 4 — Hide the background with a layer mask
This is the step that separates a professional cutout from a hack job. With your subject selected, go to:
Layer → Layer Mask → Add
The background disappears — but it isn't deleted. A layer mask hides pixels instead of erasing them: everything outside your selection becomes transparent, and the checkerboard pattern shows through.
Why this matters: the mask stays editable forever. Spot a mistake tomorrow? Click the mask thumbnail in the Layers panel and paint on it with a soft brush — black hides, white reveals. You can rescue a clipped ear or tuck in a stray edge without redoing anything. An eraser can't do that; once pixels are erased, they're gone.
Step 5 — Clean up color fringing
Cutouts often carry a one-pixel halo of the old background color along the edge — most visible when you put the subject on a background of a very different color. PhotoFresco has Photoshop's fix for this:
Layer → Matting → Defringe…
A 1 px defringe replaces edge pixels with color pulled from the subject, and the halo disappears.
Step 6 — Export, or drop in a new background
- Transparent background: use
File → Export → Quick Export as PNG— PNG keeps the transparency. (JPEG doesn't; it will fill transparent areas with a solid color.) - New background: add your new background image or a fill layer below the subject layer in the Layers panel, and it shows through where the mask is transparent. This is where the mask workflow pays off — you can still soften or adjust the subject's edge against the new backdrop.
- Keep working later: save as a PSD (
File → Save a Copy…). The layer mask survives the round-trip, and the file opens in Photoshop — or back in PhotoFresco — with the mask fully intact and editable.
A note on privacy
Most "free background remover" sites upload your image to their servers to process it. PhotoFresco doesn't: selections, masks, and compositing all run on your own machine, GPU-accelerated, in the tab. Nothing is uploaded at any point in this workflow — which is why it works on a plane, and why NDA-covered client files are fine.
That's the whole technique: select, mask, defringe, export. It's the same muscle memory as Photoshop, because the tools are built to behave the same way — just without the download or the subscription.