How to Make a Transparent PNG

In this tutorial you are going to learn how to make a transparent png.


Step # 1 – Opening the Image

Start Photoshop and load the image that you want to give some transparency to. Here you can see we have a standard jpg image. In the layers panel right click on “Background” and click “Layer From Background”, click “OK” in the dialog box that appears.

Creating a layer from background

Step # 2 – Creating Some Transparency

Now we will delete some of the image so that nothing is left, not even a background – in Photoshop transparency is indicated by a checked pattern. Click on the “Magic Wand Tool” in the menu on the left. Use this to select the part of the image that you want to remove, here we are removing the background to this portrait photograph. Hold down “Shift” and click to select multiple areas. When you have selected everything you want press the “Delete” key. Press “Control” and “D” on the keyboard.

Deleting the image background

Step # 3 – Saving the File

Now we need to save this file as a png with transparency enabled. Click “File” and then “Save for Web & Devices”. On the right make sure that the “Transparency” box is checked and then click “Save”. Name the photo, choose a location, and click “Save” again.

Saving the file with transparency enabled

Step # 4 – Testing the Transparency

To make sure that the transparency has worked, click “File” then “Open” and locate the png file we just created and open it. Press “Control” and “A” then “Control” and “C” and navigate to another image. Press “Control” and “V” and you will see that there is no background where we previously deleted it and that is how to make a transparent png.

Testing the transparency of the image