Log In

Resize & Compress Images

Photoshop

Drawing by Jean Antoine Watteau



ph_jean-antoine-watteau_resize

Guidelines for Images

Image files should be in either the PNG, GIF or JPG format. Here are the image settings you should use:

  • resolution should be set to 72ppi
  • in most cases, file size should be no larger than 1 mb


Resizing an Image in Photoshop

Photoshop is the industry standard for image editing and preparation. Compressing an image in Photoshop for the web is simple. Here is how to make a high quality JPG:

  1. Open your image in Photoshop. First you will want to resize the image. Go to the top menu and choose Image. From the drop menu choose Image Size.
  2. Make sure that the Scale Styles, Constrain Proportions and Resample Image with Bicubic options are all checked.
  3. Set the resolution to 72 pixels/inch.
  4. Set the image dimensions at the top, using the Pixel Dimensions box. Click OK.

 

Image Size

Choose Image Size from the Image menu

Image Size settings

Image Size settings


Compressing an Image in Photoshop

  1. Now go to File drop menu. Choose Export and then Save for Web & Devices (legacy)
  2. Click on the Preset Compression pop-up menu. Choose JPEG High. In the left-hand corner under your image you will see the final file size and the approximate download time on a dial-up modem. 
  3. Click the Save button and give your file a new name. Save it to a place on your computer where you will be able to find it.

 

Select "Save for Web..." from the File menu

Choose JPEG High