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…). Editing runs on your own machine. Online session recording may upload a copy of the opened image; read Privacy before using sensitive files.
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
Selections, masks and compositing run on your own machine. Separately, PhotoFresco's online session recording collects editing events and may upload copies of opened images for product improvement. On-device processing is not a promise that files stay private to your device. See Privacy.
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.