Cropping in Photoshop

• Open Photoshop
• Go to File in the menu
  • Click on Open
  • Navigate to your image through the file browser
  • Open Image
• Click on the Crop Button

• For cropping an image to a certain size, put in the appropriate pixel count into the ratio text boxes (in this example we are trying to get an image that can be resized to 1920px by 1080px for a header image without warping)

• Once you have adjusted the crop to where you want it, click on the check mark in the upper toolbar to accept your changes and officially crop your image

Resizing in Photoshop

1. Open Photoshop
2. Click Open
3. Navigate to the folder where your photo is stored, select your photo, then click Open
4. Check the size of the photo by clicking on the Image menu, then click Image Size

Update the image size to display on the screen at the size you want. First change the resolution (dpi) to 72, then adjust the height and/or width to the desired size. Here is a list of image sizes typically used across the site. Make sure to keep the image aspect ratio. If you change the height or width, the other value should automatically update. If not, ensure the link symbol is active next to the height and width fields.

Saving for the Web in Photoshop

To save the image for web, open the “Save for Web” tool by going to File > Export > Save for Web(legacy).

Shortcut:

Mac is CMD + opt + shift + s

PC is Ctrl + alt + shift + s

1. Make sure the settings are set to:
   1. Preset: JPEG Medium
   2. Progressive should be checked

Name the photo something that anyone can understand so can be easily searched for in the media library later on to find.