How to Remove White Background in Photoshop

with No Comments

From studio portraits to product photos to graphics and logos, white backgrounds are very common but can be a headache to remove.

But thanks to recent updates in Adobe Photoshop, this is now a simpler process that can be automated in many cases, although you will still need to know how to do this manually for situations where the technology fails.

This article covers every single method to help you learn how to remove the White Background in Photoshop, so that you will never be stuck again.


how to remove white background photoshop

How to Remove White Background in Photoshop

You can remove the white background in Photoshop by clicking the Remove Background Button in the toolbar, or if this does not give a good result, by using the Magic Wand or Quick Selection tools (shortcut: W) to select the background before deleting it.


Method 1: Use the Remove Background Button

The button is located in the layer properties panel. It automatically creates and applies a selection to a layer mask, and by using this method, you can make the white backgrounds transparent and cut out any image. This means that you don’t need to make any tricky selections yourself.

Step 1: Open and Unlock Your Image

Open your image in Photoshop and make sure the Background Layer is Unlocked by clicking on the padlock icon. Once you unlock it, it will change its name to Layer 0, and there will no longer be a padlock next to the layer name in the palette. 

unlock layer

Step 2: Open the Properties Panel

You can find the Properties Panel in the Panel Bar. 

Photoshop properties panel

Or, if you don’t see it there, go to the Window Menu at the top of the screen and choose the Properties Option

Photoshop properties menu

Step 3: Click the Remove Background Button

Once you open the Properties Panel, the Properties Window will show up where you can find the Remove Background Button in the Quick Actions.

Photoshop remove background button

A selection will be made around your subject and applied to a layer mask when you click the Remove Background button.

In one click, you will have a transparent background and a cut-out image.

remove white background photoshop
remove white background button in photoshop

Step 4: Select Subject for Manual Background Removal

Sometimes, Photoshop happens to make an error and removes part of your image that you wish to keep. But with layer masks, you can easily correct this error.

This is particularly common with hair, where Photoshop might not quite get the edges quite right, missing out some hair strands.

hair strands

Beneath the ‘Remove Background’ button, there is a ‘Select Subject’ button. Using the button to select the subject, Photoshop will automatically create a selection, but without removing the background. You can then use this selection to either create a new layer mask and manually remove the background, or perfect your existing mask.

photoshop select subject button

Step 5: Refine the Layer Mask

If needed, you can refine the layer mask. Once you have selected the layer mask by clicking on it, click on the Brush Tool in the Toolbar Menu or press B on your keyboard, and set the colors of the brush to default: Black and White.

photoshop brush tool
Brush tool
photoshop default color
Colors set to default black and white

The white color adds to the mask, and the black color removes additional areas from the mask.

You can now quickly refine your layer mask by painting over it and adding back any important details that Photoshop may have accidentally removed.


Method 2: Remove White Background Using the Magic Eraser Tool

The second simple option for removing background is with the Magic Eraser Tool

Step 1: Open the Magic Eraser Tool

You can find the Magic Eraser Tool in the Toolbar Menu by right-clicking on the Eraser Tool.

photoshop magic eraser tool

Step 2: Decrease the Tolerance for Complex Images

For the Magic Eraser Tool to remove the white background completely, you might need to change the Tolerance. Bear in mind that sometimes you might need to click multiple times for the tool to remove the whole area.

You can find the Tolerance control in the Options Bar at the top of the screen.

magic eraser tolerance

The default value of the Tolerance option is 32. Increasing this value will reduce the sensitivity of the Magic Eraser Tool. That means it will delete more hues and variations of the white background. Decreasing the value makes it more sensitive. 

Step 3: Check Anti-Alias

Make sure that the Anti-alias checkbox is ticked, as it improves the edges of the selection. They are smoother with less jagged edges.

photoshop anti alias

Step 4: Set Contiguous Option

There is one more option you can use while removing the white background with the Magic Eraser Tool. It is the Contiguous option. You can find it next to the Anti-alias checkbox. 

photoshop tolerance

The Contiguous option is turned on by default. That means the Magic Eraser Tool will delete pixels only directly connected to the one you click within the Tolerance. If deselected, it will delete all the pixels from the image within the Tolerance.

Step 5: Click on the Background

Once you have selected the Magic Eraser Tool, click on the area you want to be removed. Once you are done, the result should look like this.

magic eraser result

Method 3: Background Removal Using the Background Eraser Tool

The last simple method to remove a white background is the Background Eraser Tool.

The Background Eraser Tool transforms your cursor into a circle brush with a crosshair in the center when you select it.

The crosshair is where the Background Eraser Tool samples the color that is going to be deleted. The circle is the area where the sampled color will be deleted.

background eraser tool

Step 1: Select the Background Eraser Tool

Right-click on the Eraser Tool and choose the Background Eraser Tool. 

photoshop background eraser tool

Step 2: Set Brush Size and Hardness

If the tool initially doesn’t work as well as you’d hoped with the default settings, there are plenty of options you can change to improve its performance.

When you want to make the brush size smaller, hold down the [ (left bracket key), or hold the  ] (right bracket key) if you want the brush bigger.

If you want to control the hardness of the edges, press Shift. By pressing Shift+Left bracket, you will make the brush edges softer, and by pressing Shift+Right bracket, you will make the brush edges harder.

background eraser hardness

It is better to use the brush with harder edges because the soft edges may create background artifacts.

When using the tool, adjust the brush size as necessary and keep the spacing low (50%) so that it produces a smooth line when erasing.

Step 3: Set the Sampling Options

To have more control over the Background Eraser Tool, you can use the Options the tools provide.

There are three possible Sampling Options from which you can choose, depending on the needs. You can find them in the Options Bar Menu as Eyedroppers

photoshop background eraser options
  • Sampling: Continuous – The Background Eraser Tool constantly samples the color as you erase. That makes this sampling option suitable for backgrounds that have variations in the color. Additionally, it is the most suitable option for quick and rough background removal. However, if you accidentally move your brush center over a color you don’t want to erase, it will remove that too. So, be careful when you brush the background away.
photoshop background eraser sampling once
  • Sampling: Once – The Background Eraser Tool samples once while you erase. In other words when you click and hold to erase, it will sample once at the beginning, and it will erase that sampled color until you let go of the click. That makes this option suitable for more uniform backgrounds with less variation.
photoshop background eraser sampling background swatch
  • Sampling: Background Swatch – if you know that the background is the same hue throughout the image, you can set that hue as a background swatch, and with this option, the Background Eraser Tool will erase only that color. Suitable for quick white background removal on a clipped (100% white) background.
photoshop background eraser sampling background swatch 2

Step 4: Set the Limits

Limits determine the behavior of the Background Eraser Tool regarding what gets erased and what does not. There are three possible Limits, which you can find in the Options Bar Menu.

photoshop background eraser limits
  • Discontiguous – erases pixels within a tolerance of the sampled color whether they are connected or not.
photoshop background eraser limits discontiguous
  • Contiguous – erases pixels within a tolerance of the sampled color only if they are connected. In other words, if the pixels are separated by pixels with another color, they won’t be affected even though they are within tolerance.
photoshop background eraser limits contiguous
  • Find Edges – it works like Contiguous, but it takes care of edges better. It is more precise than Contiguous around edges, retaining more details and sharpness. Use this if Contiguous doesn’t do a good job with edges.
photoshop background eraser limits find edges

Step 5: Reduce the Tolerance for More Complex Images

Two more options affect the behavior of the Background Eraser tool. Both of them help with refining the way the Background Eraser Tool erases the white background.

background eraser toolbar

Tolerance works the same as it previously did with other tools. The only difference is that here it is represented as a percentage instead of a value between 1 and 255.

Again, a higher percentage value means that more color hues that are similar to the sampled color will be erased. A lower value means that fewer color hues that are similar to the sampled color will be erased.

Step 6: Protect Foreground Color

If the Background Eraser Tool erases your subject because the color hues are too similar, but tolerance does not help, you can use the Protect Foreground Color option to limit the hues that are erased.

protect foreground color

If you set the foreground color to be the color of your subject and erase the background color, your subject will be protected. That way, the tool will not erase anything that has the foreground color, but it will erase the sampled color. You can turn this option ON by checking the checkbox in the Options Bar.

Step 7: Remove the Background by Brushing

Now, you will have to manually remove the background by brushing it away.

Once you have chosen the options, start brushing over the photo in the areas you need to be removed. Once you are finished, you should have this result:

photoshop erase white background

Note that this method is not pixel-perfect, and often it will leave some residue that can be visible when a new background with a different color is used. Here is an example of how that will look:

photoshop background erased

So, because of that, you might need to use other tools to clean the background further.


Method 4: Remove White Background Using the Magic Wand Tool

As you can use the Magic Wand tool for removing color from a photo, you can also use it to remove a background.

Step 1: Select the Magive Wand

Select the magic wand tool from the toolbar menu or press W on your keyboard. 

magic wand tool

Step 2: Use Point Sample for Most White Backgrounds

Once you have selected the tool, set the sample size to Point Sample or 5 by 5 Average. You can find the option in the Options Bar. Using these options, you can select how much of your sampled color will be considered.

photoshop magic wand

Using Point Sample on graphics with solid white backgrounds will work well. If the white background was taken in a studio with different shades of white, a 5 by 5 Average would be more appropriate.

Step 3: Choose a High Tolerance

The next step is to set the tolerance.

photoshop magic wand tolerance

It may be worth pushing this higher if you have a lot of white in your background to get a better selection first time.

Step 4: Make Sure Anti-Alias is on

Ensure that Anti-alias is on to prevent jagged edges in your selection. You do not want a contiguous selection or to sample all layers.

anti alias magic wand

Step 5: Create a Selection

Once all your settings are in order, click on the white background to create a selection.

As you click, Photoshop samples the colors around where you clicked and finds similar colors in your image to include in your selection.

Because the white of your background should be pretty uniform, Photoshop should make an accurate selection. Feel free to add to the selection with Shift+Click, or subtract with Alt+Click if Photoshop did not do a good job.

You should get a similar result to this:

photoshop magic wand selection

Step 6: Add a Layer Mask

Once you have made the selection, it is time to create a mask. Click on the Mask Icon at the bottom of the Layers Panel. When you make the mask, a new layer will be added next to the photo, which you will have to Invert.

photoshop mask

You can invert the mask by selecting it and clicking Ctrl/Cmd+I. Once you invert the mask, you will see that the white background is gone. 

photoshop invert mask

Or you can also easily do this by only clicking the Delete button on your keyboard right after you make the selection, but make sure you have unlocked the layer before. 

You can also use the Select and Mask option for refinement if needed. 


Method 5: Use Select Subject to Quickly Remove the Background

The Select Subject option is one of the quickest and simplest options to remove the white background, after the Remove Background tool.

Step 1a: Find Subject Selection in the Menu

Once you have opened your image in Photoshop and have the layer active where you want to make the selection, in the Select Menu, find the Subject option and click it. 

photoshop select subject

Once you click it, Photoshop will automatically select the subject.

Step 1b: Alternatively Use the Properties Menu

Or you can do that in the Properties Menu. The first thing you need to do is to Unlock the Layer. Once you unlock it, go to the properties menu and choose the Select Subject option in the Quick Actions Menu.

photoshop select subject

This is how the selection should look:

select subject

Step 2: Create a Mask

Then simply click on the Layer Mask button in the layers palette to create a layer mask. Unlike with the Quick Selection Tool, this one does not need to be inverted.

mask selection

If you don’t need a mask, just click the Delete button right after making the selection.

And you should be left with an image with the white background removed, as simple as that!

white background removed
white background removal

Method 6: Remove White Background Using Quick Select Tool

Among the selection tools, there is no simpler and easier tool to use than the Quick Select Tool. The process of making selections that don’t look as if they have been cut and pasted has never been simpler. There are only a couple of steps for this. Keep reading!

Step 1: Find the Quick Select Tool

Once you open the image you need to edit, choose the Quick Select Tool from the Toolbar menu. 

photoshop quick selection tool

It works like a brush, so here you can also change the size of the brush with the left and right bracket keys: [ and ].

Step 2: Make a Quick Selection

The next thing to do is paint with the tool over the subject or white background, whichever is easiest for you, and stop when the selection reaches the edge.

quick selecting photoshop

In most cases, the tool will stop on the edge correctly when it detects the change in pixels.

It is easy to deselect in case it selects something you do not want to be selected. Click the Alt key to switch to deselect mode, and drag the selection back where you want it to be. 

Step 3: Invert the Selection if You Selected the Background

If you have made a selection of the background then you need to invert the selection. If not, you can skip this step.

You can invert by right-clicking on the selected subject, and choosing the Select Inverse option. 

photoshop select inverse mask

Or you can use the shortcut:

For Windows:

Ctrl+Shift+I

For Mac:

Cmd+Shift+I

Step 4: Mask or Delete the Background

Once you have inverted the selection if appropriate, click the Delete button on your keyboard, or you can go with the new mask layer like you did before, and the background will be gone. 

invert selection to remove white background

Method 7: Use Color Range to Remove the White Background

You can also remove a white background with the Color Range option, except this time, you will remove the white color only instead of any other specific color.

Step 1: Select Color Range

Go to the Select Menu, then choose Color Range to open the Color Range popup.

select color range

Step 2: Use the Eyedropper to Select White

Select the Eyedropper Tool, then click anywhere on the white part of your image to select only the white color.

color range

You can see in the screen shot above that a lot of the model has also been selected, so we need to tidy this up.

Step 3: Use Localized Color Cluster and Low Fuzziness

To make the selection more precise, check the Localized Color Cluster and adjust the fuzziness and range until you get the needed result. Generally, reducing the fuzziness will result in a better selection.

photoshop color range

Step 4: Add to the Selection if Needed

The above selection is missing areas of the white background towards the left, as you can see in the preview. To fix this, use the Eyedropper with a plus or minus to add or subtract those colors from the selection.

add to color range

Step 5: Add the Selection as a Mask or Delete It

Once you are done, click OK, and while the selection is active, invert it with Ctrl+Alt+I and press the Delete button on your keyboard to remove the background, or use the Layer Mask button to mask it out.

color range remove white background
remove white background with color range

Method 8: Object Selection for Quickly Removing the Background

From Adobe Photoshop 2020 and onwards, Adobe Photoshop comes with the Object Selection Tool, which is designed to simplify the selection process. The tool is simple enough for even beginners to use.

Step 1: Find the Object Selection Tool

You can find it in the same selection options as Quick Selection in the Toolbar menu, with a keyboard shortcut of ‘W’. 

photoshop object selection

Step 2: Select Rectangle Mode

object selection tool photoshop

With this improved selection tool you can use Rectangle and Lasso selection modes. You can find them in the Options Bar at the top of the screen. I usually use the Rectangle mode because it is simpler. 

The Lasso Mode works the same as the rectangle selection wise, but it allows you to do more complex selection shapes.

The Object Selection Tool will still look for objects within the initial selection, it doesn’t matter if it is made with Rectangle or Lasso Mode. The important thing is that the subject/object that you want to cut out from the white background to be within the selection.

Step 3: Draw the Tool Over the Area to Be Selected

Cover the object that you want to be selected by drawing around it with the tool.

photoshop object selection rectangle

Once you have the initial selection, the Photoshop algorithm will make the object selection itself. 

photoshop white background removed

Now unlock the layer and press Delete to remove the background, or if you want it to be more precise, go with the layer mask option.

Step 4: Enjoy Your Background-Free Image!

background removal

Just like with the other images, you can remove a background from a logo with Magic Tool, Quick Selection Tool, Pen Tool, Channels, and Color Range

You can do that by making the selection with one of the selection tools and creating a new layer mask or pressing the Delete button.

Bear in mind that the Pen Tool does not work perfectly with complex photographs and logos. It works the best with straight lines. These next steps will help you learn how to use the Pen Tool and the Channels option to remove a background from a logo. 


Method 9: Use Pen Tool to Trace Out Simpler Logos and Remove White Background

The Pen Tool is a useful tool when it comes to removing a background and selecting subjects.

Step 1: Find the Standard Pen Tool

There are 6 Pen options, but for now we are going to focus on the classic Pen Tool option. You can find it in the Toolbar menu. The other pen tool options allow for more complex selections, where you are not necessarily dealing with straight lines.

photoshop pen tool

Step 2: Make Sure You Are Drawing a Path

Before you use the pen tool, be sure you are drawing a path, not a shape. You can set that in the Options Bar.

photoshop pen path

Step 3: Create the First Anchor Point

Zoom into the image enough so that you can clearly see the boundaries between the edge of your logo and the white space.

Create an anchor point at one corner of your logo. The anchor point is used to fix the pen path to your image. You can do this with a single click.

pen path anchor

Step 4: Complete the Path

Click between each corner of your logo to create lines between anchor points. You can hold down your mouse button and move the anchor points to create curved lines, which does take some practice, but is a really useful skill to master.

drawing pen path

Step 5: Edit the Path if Necessary

Once you have drawn the path, you can also edit it. Pressing the Alt key will let you break the handles for editing.

To bend the anchor point, click and drag it. Or, if you need to move the whole selection, first click Ctrl/Cmd, then drag it.

You will need to draw the path all the way round the logo.

And, do remember – It is best to create as few anchor points as possible – your selection will only be as accurate as the path you create.

remove white background from a logo in photoshop

Step 6: Add to the Selection with Multiple Pen Paths

If you have to create multiple separate paths, as for this logo, you can connect them all together by using the Path Selection Tool. 

photoshop path selection tool

Once you have selected the Tool, drag over the whole image to select everything under the selection.

photoshop path selection

Step 7: Create a Selection with a Feather of 0.5 Pixels

Now that you have created the entire path, select the Pen Tool again. From there, go to the Options Bar and choose the Select option from there. 

path selection

A Paths Tab will appear, where you need to set the Feather Radius to 0.5 pixels. And press OK.

You might need to try different Feather Radius values depending on your needs. 0.5 pixels will remove jagged edges, but it might not work well on an image with low resolution.

photoshop feather radius

Step 8: Review Your Selection and Remove the Background

You should get this:

photoshop selection logo

Once you have completed the selection, press Ctrl/Cmd+J to create a new layer of the path. It will create a new layer for the selected path. Once it creates it, turn OFF the Background Layer.

And you are good to go – the background is gone. 

logo background removed in photoshop

Method 10: Remove White Background from Logos Using Channels for Precise Selection

One of the most complicated ways to remove a white background, but also one of the most comprehensive, you can use Channels in Photoshop to easily remove white backgrounds from logos.

It is easy to select logos with channels as the background is white, resulting in a well-defined edge.

Step 1: Go to the Channels Tab

Analyze your logo by going to the Channels Panel. You can find it next to the Layers Panel. 

photoshop channels tab

Step 2: Choose a Channel with High Contrast

Choose a channel with the most contrast between the background and logo. When you identify which channel has the most contrast, drag it into the New Channel icon and duplicate it.

photoshop duplicate channel

When you select the Duplicate Layer option, a Pop-Up Window will show up, where you need to click OK

photoshop duplicate layer

If there is no channel with better contrast than the others, then duplicate the best channel.

As shown in this example, I duplicated the Red Channel mostly because the logo is highly contrasted against the white background.

Step 3: Use Other Channels to Fill in the Gaps

Now, find a channel that consists of the missing pieces from your chosen channel. In this instance, the Blue Channel contains a lot of contrast.

To merge these channels together, select the Red Channel copy and go to the Image Menu at the top of the screen and choose the Apply Image option. 

photoshop apply image

A Pop-Up Window will show up again. Leave the blending mode on Multiply and just press OK

photoshop apply image

Once you do that, you will see that the logo for the duplicate channel is now almost black. 

photoshop duplicate channel results

Step 4: Open a Levels Layer for Fine-Tuning

In order to fine-tune the channels selection, go to the Image Menu and choose the Adjustments and then Levels.

photoshop levels

Or you can use the shortcut.

For Windows:

Ctrl+L

For Mac:

Cmd+L

Step 5: Use Levels to Create Sharp Edges

Once the Levels Pop-Up Menu shows up, the black point slider should be moved to the right to make the dark pixels black, and the white point slider should be moved to the left to make the bright pixels white.

Once you are done, press OK

photoshop levels layer

By doing so, you can create sharper edges while also removing and artifacts that might in your image.

You should be left with this, as a duplicate channel in the Channels tab:

photoshop layer selection

Step 6: Create a Selection from the New Channel

You haven’t created a selection just yet, but instead have a new channel that you can use for a selection. The advantage of this method is that your selection will essentially be always available to you, as long as you don’t delete your new channel.

To load the duplicate channel as a selection, hold down the Ctrl/Cmd key and click on the channel

photoshop channel copy

Once you click on the channel, a selection will be made automatically of the whole logo.  

photoshop logo selection

Step 7: Switch the Other Channels Back On

The red, green and blue channels will have been automatically switched off, so when the selection is active, go back to the Channel Layer Panel, and from there, turn the other channels back ON by clicking in the space to the left of them.

Make sure to turn OFF the copied channel where you have worked.

photoshop channels

Step 8: Review the Selection and Mask It

Once you are done, you will see that the selection will stay as before, and the color of the logo will be back along with the selection. 

photoshop logo background selected

Now, you do the same as before. Press the Delete button, or make a new layer mask, and the background will be gone.

logo background removal with channels

How to Keep the White Background Transparent in Your Saved Files?

In order to keep the transparent background, you cannot save your file as a JPEG, but must save as PNG.

Step 1: Save the photo with no layers under the main layer

If you have any other layers under the photo you want to be transparent, you should turn them OFF and then save the photo as PNG.

layer turned off

Or, if there are not any other layers, you can just save the photo as a PNG file. Once you do that, you will have a photo with a Transparent Background.

Step 2: Save as PNG

To save the photo as a PNG file, you need to go to the File Menu at the top of the screen and choose the Save a Copy option. 

save as png

Or use the shortcut:

For Windows:

Alt+Ctrl+S

For Mac:

Opt+Cmd+S

When the Explore Window shows up, choose the PNG file type from the Drop-Down menu and click Save

photoshop save png

Once you click save, you will be greeted with a small dialog.

photoshop png saving

Here, you can choose whether you want a faster save time, but a larger file, or vice versa.

For Resolutions up to around 1500px on the longer edge, the saving process is instant. So, the smallest file size should be okay.

Now, you will have a photo with a Transparent Background to use however you wish.


Read More:

How to remove a color in Photoshop

How to free crop in Photoshop

Photoshop eraser not working? Read this …

Follow Andjela Cvetkovikj:

I’m a professional photographer and experienced content writer who enjoys sharing engaging and informative content.

Leave a Reply