How to Convert a PSD File to Use on a Website
PSD documents are the native file format for Adobe Photoshop, Generally, these documents are made up of layers that contain the various elements of the image. You might occasionally have a Photoshop file you would like to place on a website or turn into a website. Fortunately, it is possible to do this inside Photoshop itself without resorting to another program. If you don't have access to Photoshop, the freeware program GIMP can do this as well.
Other People Are Reading
Instructions
-
-
1
Load the PSD file you want to convert to a website onto your computer.
-
2
Open Photoshop. Select "File" and click "Open." In the dialog browse to the file you loaded and open it.
-
-
3
Convert the image into a useable format for your website by selecting "File" and clicking "Save for Web or Devices." In the dialog that opens, select the file format you want, such as GIF or JPEG, and select "Save." Name your file and click "Save" again. The image is now ready for your website. If you want to turn the image into a website, skip this step and move on to Step 4.
-
4
Select "Image" and click "Image Size." In the dialog that opens change the width to better suit a web page, using a number like 800 or 1024 (which are standard sizes). Click "OK."
-
5
Examine your document. You may have to rearrange elements of it to better suit a web page. For instance, if there is an introductory statement, it needs to be positioned so that all of it will be in view for the visitors without their having to scroll. In addition, any logo needs to be at the top to serve as a banner.
-
6
Use the "Custom Shape" tool with it set to "Fill" to add navigation buttons.
-
7
Select the "Slice" tool and anything else you might want to be made clickable on your web page by adding a hyperlink. Make sure that you name all the slices.
-
8
Select "File" and click "Save for web or Devices." In the dialog that opens make the image type to be used GIF, unless there are a lot of photos, in which case choose JPEG.
-
9
Click on "Save" and the bottom and name your file. If it will be the homepage name it index. Hit "Save" again and the sliced images, as well as an HTML page for them, will be saved to a folder.
-
1
