Search:     Advanced search

Create a PNG with Transparency in Adobe Photoshop (CS3 and higher)

Article ID: 241
Last updated: 03 Aug, 2016
Revision: 9
Views: 226944

Note: This article is out of date. Click here to view updated instructions for the latest version of Photoshop.

How to create a PNG with Transparency in Adobe Photoshop (CS3-CS6)

Occasionally, you will want to upload an image that contains transparent elements that will allow your original background color to show through. An example would be if you have a text logo that you want to have take on the background color you have set for your website, or if you have a patterned element that you want integrated with your current site background color. In these cases, it would be useful to upload a PNG image, since PNG images are able to retain transparency.

In this article, we will learn how to create a PNG background sized file in Adobe Photoshop CS3 or higher.

Step 1: Creating your file

The first step is to create your file. To do so, open Adobe Photoshop, and from the File menu at the top of the page, select New.

Next, from the New Document window that appears, create your file at the size dimensions you prefer, and make sure you have the document resolution set to 72ppi since you are using the file for web use, and make sure that you have selected Transparent within the Background Contents selection drop-down menu.

In this example, we're creating an image to upload as a background for a PhotoBiz website, so the document size is set to 1500 pixels wide, 865 pixels high.

When you have entered the settings, click OK to open your new document.

Next, from the Layers palette, click on the New Layer icon to create a new layer to begin your work.

Once you have added the image and/or text you would like to use in your image, from the File menu, select Save for Web and Devices.

From the Save for Web and Devices window, make sure that you have selected PNG 24 as your preset, which will allow you to maintain the transparent elements in your image, in addition, make sure that you have checked the box to convert the image color space to sRGB, which is the standard color profile for Web images.

Next, verify that the size dimensions are what you prefer, and if not, you can resize your image from the Image Size section of the window.

When you're done, simply click Save.

Once you have specified where to save your image, and then clicked the Save button, you can then upload your image to your PhotoBiz website.

If you're in need of having a logo created, we offer custom logo design.

If you need assistance with this or any aspect of your PhotoBiz account, you can reach our Support team at 1-866-463-7620 Monday-Friday from 9am to 8pm USA Eastern Time. 

This article was:   Helpful | Not helpful
Also read
document Batch Rename Images (Adobe Bridge)
document Image Clipboard Tutorial
document Save For Web in PhotoShop

Prev   Next
Working With Files     How Do I Change My iPhoto Settings To Keep Embedded Data?