Go to Content
Columbia College Chicago
Resizing images for Portfolio Web using Photoshop
Print this Page Email this Page

Resizing images for Portfolio Web using Photoshop

Resizing images for Portfolio Web using Photoshop

Posted on: April 28, 2008

Here is a quick tutorial on how to resize your images for the Portfolio Web system using Photoshop.

Go to File > Open… and select the image to be resized.

01.jpg

Go to Image > Image Size… a pop-up window will display your image size and resolution information.

02.jpg

Make sure that the Pixel Dimension fields are chained together in order to keep your image proportion correct. (If the Pixel Dimension fields are NOT chained together, then place a check mark in the box next to Constrain Proportions)

Then In the Image Size window you will NEED to lower the resolution to 72.

03.jpg

In the drop down box located at the bottom of the Image Size window you will want to choose”bicubic sharper (best for reduction)”

04.jpg

In the Pixel Dimension field lower the width to 600 pixels* (make sure you have selected pixels NOT Percent in the drop down box that is to the right of the width field) then press OK. *Remember NOT to exceed 600 pixels wide nor 800 pixels high.

05.jpg

Go to File > Save As… and select JPEG as your file type and choose a destination for your file. Remember to give your file a different name, so you avoid writing over and losing your original file.

06.jpg

Choose JPEG from the drop down box. **IMPORTANT** Rename your file so you do not loose the original file.

07.jpg