Skip to main content
Northwestern University

Working with Photos

Image Sizing

Throughout Cascade you may notice that there are specified image sizes next to image selectors. This means that your images should be this exact pixel size. 

Homepage:

Slideshow Photo - 624px x 353px
Column Photos - 280px x 170px

Standard Page:

Topper Image - 698px x 260px

Person with a Page:

Profile Photo - 168px x 210px

Person Without a Page:

Profile Photo - 80px x 100px

Photo Gallery:

Gallery Image - any
Gallery Thumbnail - 162px x 120px

Digital Sign Slide:

Image - 660px x 660px

Version 2 Cascade Websites

Users of v2 websites should refer to the v2 template library for all image sizes.

resize and crop using Canva Photo Editor

Canva Photo Editor is a free online photo editing tool. You do not need to register an account with Canva to use the tool.

  1. Visit the Canva Photo Editor at https://www.canva.com/photo-editor/
  2. Click the green "Upload" button
  3. Select the image you need to edit from your computer's hard drive
    1. To resize: Click the "Resize" button in the top toolbar and specify the new image dimensions in the width and height boxes. Click Apply.
    2. To crop: Click the "Crop" button in the top toolbar. Specifiy the desired crop size in the width and height boxes. This will create a bounding box overlay that you can position over your image by clicking inside the box and dragging your mouse. Once you have positioned the bounding box over the area you want to crop, click Apply.
  4. Once you have resized and/or cropped your image, click the green Download button to download the image to your computer's hard drive.

Resize and Crop Using Photoshop

This guide assumes that you have Photoshop installed on your computer and that you understand how to open the application.

Although Cascade offers a primitive image editor, WCAS recommends editing photos through Photoshop to ensure you have the highest quality images possible for the web. While Photoshop has many powerful image editing features, this guide only targets the cropping and resizing tool. If you wish to gain an in-depth knowledge of Photoshop, classes are offered through HR (See HRD211 - Photoshop: Level 1 and HRD212 - Photoshop: Level 2).

** Your Photoshop preferences may be different than those shown within this guide. If you have trouble locating any of the starred items, contact WCAS IT for further assistance.

After you save your image to your computer, you must upload the image to Cascade.

If you wish to learn how to invoke visual interest when cropping interest, information about cropping techniques are available on MakeUseOf.com.

Back to top