How To Change White Background To Transparent

This post shows you lot how to add a white background to an image where the groundwork has been removed and y'all take a file with a transparent groundwork – this means you likely have a PNG or GIF file.

Fast fashion: But save the PNG as a JPG file and y'all'll automatically have a white background. This is because JPG's cannot have a transparent groundwork. So your image software will automatically show the image on a white backgroun.

If you desire flexibility and want to add new background colors or gradients, continue reading below.

If yous're working with a product photographer, you can request for a PNG file with a transparent background. Or there are tools that can help you automatically remove the groundwork.

Benefit of a file with a transparent background: It's useful when you want to put the product on a imprint advertizing, homepage paradigm or a postcard that has a dissimilar colored background to that of the image i.eastward. if yous elevate a production paradigm with a white background to a imprint ad with a blue groundwork, the white background shows on the blue. A file with a transparent background only shows the product, not the background so y'all have flexibility to drag it into any colored background.

Steps on how to add together a white or colored background to the PNG

Once you accept a PNG image with a transparent background, calculation a groundwork color is a quick process in Photoshop or Photoshop Elements.

Here's how:

1. Add solid fill up layer

Open your image in Photoshop. The checky background shown below is Photoshop'due south way of telling y'all that the file has a transparent background i.e. no groundwork. Next, add a Make full Layer by going to Layer > New Fill Layer > Solid Colour.

'Fill' refers to filling an area with a specific color.

In the dialog box that appears, click ok.

2. Select your background color

In the color dialog box that opens upwardly side by side, use click and drag the white sliders to select the general colour palette, then click and elevate to move the circle to the specific color you want. Click ok.

In this example, I chose blue but you lot can choose white.

3. Motion layer below

When y'all add a fill layer, by default the make full layer appears above the image layer.

You need to click and elevate the fill up layer and movement it below the paradigm layer. That'due south it.

Optional Note: If your image layer has a lock symbol to the right, click on it to unlock information technology. This volition let you move the new layer to be below the image layer. This used to be the case in older versions of Photoshop.

To change the color, double click on the color icon in the make full layer and select another colour.

4. Save as JPG and PSD

Go to File > Save as.. and select JPG from the dropdown to save your file with a background of your choice. Next, click on File > Save as.. again and select PSD from the dropdown – this is the default Photoshop format which volition save the file with the layers. So if you want to modify the background after, you can come dorsum and do that instead of creating a new fill layer again.

How to Create a Slope Background Effect

In footstep i, where you create a new fill up layer, instead of selecting 'Solid Make full…', select 'Slope…'

The default gradient color y'all run into is based on the last colour yous used. Click on the Gradient driblet down. You'll see the options below. I selected the third choice (black/white).

Adding a Gradient Background in Photoshop

Hither is the concluding image.

How to Create a Patterned Background Effect

Similarly, select 'Blueprint…" in pace 1 and select a default pattern from the dropdown. Photoshop volition use to the image. In that location are merely a few patterns that prove upwardly merely there are ways to purchase more than patterns and add them to your business relationship.

How to save a PNG with a white background

This is unproblematic – just salvage the PNG as a JPG and your JPG will automatically have a white background. That's because when you relieve a PNG with a transparent background as a JPG, Photoshop automatically replaces the transparent parts of the image with white.

That's it for now. When you take an image with a transparent background, a lot of possibilities open in terms of the background color, calculation a shadow or adding a reflection and other furnishings.

Photoshop is the manufacture standard tool for photo editing and I've used information technology for over 10 years. Larn more nearly Photoshop (see local pricing) and Photoshop Elements (oftentimes on sale – see current price)

Disclosure: The photoshop links are affiliate links. Adobe pays u.s. a minor fee to refer customers to them.