How to Remove a Background in Photoshop on the Web

The short answer

Photoshop on the web, Adobe's browser-based version of Photoshop, can remove the background from a still image. The usual route is to select the image layer and apply the automatic Remove background action. Photoshop detects the main subject and hides everything else, and you can then refine the edges and export the result. Three conditions limit this. You need an Adobe account with access to the web version. The exact button labels and menu locations can change between releases. The automatic result usually needs manual cleanup around hair, fur, and low-contrast edges.

This is image editing, not live video processing. A cutout made in Photoshop on the web does not by itself remove or replace the background of a live webcam feed during a call. For that, you need the background effect in your conferencing app or a virtual camera tool. Editing an image also has no effect on how a webcam microphone captures speech, so this task requires no audio changes.

Before you start

• An Adobe account with access to Photoshop on the web. Plan availability and what each plan includes can change, so check Adobe's current plan details.
• A desktop browser that Adobe currently lists as supported for Photoshop on the web.
• The image you want to edit, saved locally or in your Adobe cloud storage.
• A reasonably stable internet connection, because processing happens through the browser session.

Steps to remove the background

The steps below follow the commonly documented workflow. Menu names and panel positions can differ in your version, so check the labels on screen against Adobe's current help pages.

• 1. Open Photoshop on the web in your browser and sign in.
• 2. Upload or open the image you want to edit.
• 3. Select the image layer in the Layers panel. If the image is locked as a background layer, the automatic action may convert or unlock it first.
• 4. Choose the Remove background action. It typically appears as a quick action in the contextual task bar or in a Quick actions area of the interface.
• 5. Wait for Photoshop to detect the subject. The removed area usually shows as a gray-and-white checkerboard, which indicates transparency.
• 6. Check the Layers panel. In the standard workflow, the background is hidden with a layer mask rather than permanently deleted, so you can adjust the result later.

Refining the result

Automatic subject detection works best when the subject stands out clearly from a plain or contrasting background. Expect to fix edges where colors are similar, around fine hair, and on semi-transparent objects such as glass.

• Zoom in on edges, especially hair, ears, and shoulders, to spot leftover background or missing parts of the subject.
• Select the layer mask and paint on it with a brush. On a mask, black hides pixels and white reveals them.
• As an alternative to the one-click action, use a subject or object selection tool to build the selection, then refine it before applying a mask.
• Toggle the mask off and on to compare the original with the cutout.

Adding a new background or exporting

To place a new background, add the replacement image as a separate layer and move it below the cutout layer. To keep the transparent area instead, export in a format that supports transparency, such as PNG. JPEG does not support transparency, so transparent areas will be filled with a solid color.

Check the export by opening it in another app. If the transparent area appears as a checkerboard or picks up the color behind it, the transparency was kept. If it shows solid white or black, the file was likely saved in a format without transparency.

How this relates to webcam background replacement

People often look for this technique because they want a custom virtual background for video calls. Photoshop on the web is useful for preparing that background image, for example by cleaning up a photo or compositing a branded backdrop. Conferencing apps generally ask for a full background image rather than a transparent cutout. Check your app's own requirements for accepted formats and recommended dimensions. Separating your live video from the room behind you is handled in real time by the conferencing app or the virtual camera software, not by Photoshop.

What this guide could not confirm

No verified source material was supplied for this article. As a result, it does not state exact current menu paths, supported browser versions, file size limits, pricing, plan requirements, or processing quality figures for Photoshop on the web. Check these details in Adobe's current documentation for the version you are using.