![[Wesleyan University]](http://www.wesleyan.edu/common/_internal/files/logo.png "Wesleyan University front door"){kind=logo}
Resizing/Cropping Images in Photoshop
Feb. 15, 2012 by apalkowski
If your image already has the correct aspect ratio (i.e. square for a 5×5-square header and rectangular for a single-photo header), proceed to the resizing images section below.
If you need to both resize and create a new aspect ratio (i.e. create a square image out of a large rectangular image), skip to the cropping images section below.
(Note: This tutorial was made using Adobe Photoshop CS5, but earlier versions of Photoshop should have only cosmetic differences; the mechanics of image resizing and cropping should be the same.)
Resizing Images
1. Open the image in Photoshop.
2. From the “Image” dropdown, select “Image Size.”
3. Make sure that the resolution is set at 72 DPI. If it is already at 72, skip to step 4. If not…
- 3a. Un-check the “Resample Image” box.
- 3b. Making sure that the “Pixel Dimensions” field has been grayed out, change the Resolution field to 72 pixels/inch.
- 3c. Re-check the “Resample Image” box.
4. Now you will have to change the dimensions of the image in the “Pixel Dimensions” field. The final size of the image will depend on where it will be located.
- 4a. If it will be a single-photo banner as seen below, the image should be resized to 960 x 192 px (960 pixels wide and 192 pixels high).
- 4b. If it will be one of 5 squares in a banner as seen below, the image should be resized to 190 x 192 px.
- 4c. If it will appear in a gallery as seen below, the dimensions are 500 x 350 px.
5. With “Constrain Proportions” unchecked, change the dimensions. If this warps the image, then you will need to crop it instead of simply resizing it.
6. Save the image as a JPEG.
6. Follow these directions to upload the image to Cascade.
Cropping Images
1. Open the image in Photoshop.
2. Select the “Crop” tool from the lefthand toolbar.
3. Lock the dimensions of the cropped area by changing the width and height of the tool in the upper toolbar, keeping the “Resolution” field at 72 pixels/inch. See below for which dimensions to set.
The size will depend on where the image will be located.
- 3a. If it will be a single-photo banner as seen below, the crop tool should be specced to 960 x 192 px (960 pixels wide and 192 pixels high).
- 3b. If it will be one of 5 squares in a banner as seen below, the crop tool should be specced to 190 x 192 px.
- 3c. If it will appear in a gallery as seen below, the crop tool should be specced to 500 x 350 px.
