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
image size option in photoshop

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.

image resize image

To save the image for web, open the “Save for Web” tool by going to File > Export > Save for Web(legacy). Shortcut for Mac is CMD + opt + shift + s and for PC it is Ctrl + opt + shift + s

save for web option in photoshop
  1. Make sure the settings are set to:
    1. Preset: JPEG Medium
    2. Progressive should be checked
save for web

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