Guide to Resizing and Cropping
Hopefully, this Guide will be useful to those who have experienced problems or are unsure of what to do, in resizing and cropping their digital (or scanned) images.
Here I have used Photoshop 7.0 as the editing program, but other image editing programs will have similar procedures (with the exception of the Cropping example).
Image Resizing

The picture above is the original file - note the magnification ratio (25%) in the window.

And this dialog box shows the Image Dimensions in Pixels; and the resultant Document Size if printed at 300 ppi.
Note the relationship between the Document Size:Width/Height, Resolution and Image Dimensions. The dialog box below shows how a value change in the resolution changes the Image Dimensions.

The Resolution has now been changed to 72ppi, and the Image Dimension is now 722 x 470 pixels. Note that the Document Size remains at 10.027 x 6.533 inches the resulting PRINTOUT will be similar to the 300ppi printout in terms of size, but the resolution/quality will be horrible. But for web-posting purposes, the Document Size can be safely ignored for now.
Finally, lets change the Image Dimension width to 600 pixels.

Note that when we change the Width value, the Height value changes as well - this is because the relationship between the Height & Width are LINKED and will change in proportion to each other. If the Height & Width are NOT linked, changing just one value will result in a distorted image.

Double-clicking on the Magnifying Glass tool immediately zooms in to a 100% view as above. This image is now sized correctly for web-viewing, and will comfortably fit into most browser windows since its width is only 600 pixels.
Cropping (and Resizing at the same time)
A very nifty and time-saving feature of Photoshop 6 and 7 is an addition to the Crop tool where you can specify the resulting image while doing the crop.

The width, height and resolution of the crop can be defined as shown above.
Next step is to select the cropping area - click'n'drag to select the cropping boundaries as shown below:-

As you click'n'drag, the selection box will stay at a proportion equal to the dimensions we have input earlier. We can adjust the crop size, position and even do slight rotation at this point. Click on the Confirmation arrow at the top right to finalise the crop, or click on Cancel to start over again.

This is the result of the Crop/Resize procedure - the picture is now cropped and sized to 600x400pixels @ 72ppi.
Crop and Resize Final Examples


Article and images are copyright Darren Lau © 2002.