Article: Resizing images in Photoshop 7.0

Date: Monday, October 14, 2002

Author: Iroc

Provided By: None

Page: 1 of 1

For this example our image is 163 wide by 163 high pixels and the desired size is 103 wide by 92 high.

First open the image in Photoshop.

Now set your image to RGB Color Mode (if it isn't already) by going "Image" "Mode >" and choose "RGB Color"

TIP: Its best to enlarge the the working space around the image to help create your selections

In this example image we want more detail of the mouse and less background (white). Choose the Rectangular Marquee Tool and drag a square from beyond the bottom edge up to near the top leaving a bit of room between the mouse and the edge.

Go to "Image" on the file menu and choose "Crop". Now repeat the selections on the bottom and left sides. Your image should come out looking like this.

TIP: Press ctrl+d to remove the current selection.

Now we begin to resize the image. Go to "Image" and choose "Image Size...". You are presented with the resize dialog box.

It lists your current image size in pixels within the top two fields. Change either the width or height to the desired size without going lower than the desired size in the other field. Once you type it in one field you will see it automatically change the value of the other.

In our example, I changed the height to 92 and the width became 109. Your mileage may vary.

To clean up the extra width we have we need to go "Image" then "Canvas Size...".

Change your values to pixels if they are not then type in the proper width. Depending on where the focus is in your image you can use the Anchor to constrain it to the center, sides, top, etc.. Press OK then Proceed and your image is now the proper size.

To make it optimized for the web go to "File", "Save for Web...".

These are the settings I use, you can vary them and even use a .jpg if you want. Click Save and your done.