Image Specifications

Below are the recommended image dimensions and file types for each of the Cascade components that use photos.

Hero Image

Dimension/Ratio: 2880 x 1180
File Type: JPG
Color mode: RGB

A photo of Eliot Hall and the Great Lawn at Reed College
Please note: Hero images are recommended to be extra wide to account for large window widths while maintaining crisp imagery for maximum impact. Each page's headline will appear in white on the lower left side of the hero image. Hero images should be selected with this placement in mind.

Event Listings / News Listings

Dimension/Ratio: 900 x 600 - 3:2
File Type: JPG
Color mode: RGB

The title Latest News above three horizontal photos from Reed Magazine articles

The words Upcoming Events above three horizontal photos of events on Reed's event calendar.

 

Slides (Image Carousel)

Dimension/Ratio: 1200 x 800 - 3:2
File Type: JPG
Color mode: RGB
An aerial photo of Reed College's Eliot Hall and the Portland skyline in the distance

Feature Panels / Visual Router Grids

Dimension/Ratio: 800 x 600 - 4:3
File Type: JPG
Color mode: RGB

Feature Panel Example:
The words Feature Panel next to a photo of five students in graduation gowns.


Visual Router Grid Example:
Three horizontal photos of two students working on a computer.

Testimonial Carousel / Blockquote Headshot / Faculty Listing / Contact Card

Dimension/Ratio: 800 x 800 - 1:1
File Type: JPG
Color mode: RGB

Testimonial Carousel Example:

The words Our Dance Courses above a photo of two students dancing.

Blockquote Headshot Example:

The words My Favorite Courses above a photo of a student in a grey sweatshirt holding a National Geographic magazine with the title "Birds of North America"

Faculty Listing Example:

The words My Favorite Courses above a photo of a student in a grey sweatshirt holding a National Geographic magazine with the title "Birds of North America"

Contact Card Example:

A photo of a faculty member with sample space for their office, phone, and email next to it.