Image sizes for Campus pages

Cascade 3.0 | Cascade 4.0 

Downloading Images

This section applies to site maintainers who edit pages within the Cascade 3.0 platform.

Although there are plenty of images you can find in your web browser, there are only two sites that are Chico State-approved for downloading and utilizing images:

• Chico State Flickr
• Portfolio (public)

It is important to only use photos within these platforms to protect our campus from copyright violations. Are you planning to upload in Cascade without any editing? We recommend utilizing these download options to make the upload into Cascade smoother.

• Portfolio - Small (within 900x)
• Flickr - Medium (800 x 534)

Image Dimension Guidelines

• Card image 1 - 900 x 599
• Card image 2 - 900x 450
• Portrait Images - 600 x 900

Best Practices

• Images for person pages should be 600px width
• Avoid .png format images
• Image files must be named with no capital letters nor underscores, and the file name must end with the extension. For example, file-name.jpg or file-name.jpeg
• Is best to size down than size up an image
• No acronyms
• Avoid prominently displayed brands
• Department logos are acceptable
• Take into consideration color contrast
• Find the size of an image by editing the image in Cascade. Screencast on finding the image size in Cascade.
• How to crop an image in Cascade

Site maintainers do not have access to change the banner image displayed on the homepage. Contact Web Services for support.

Content Tiles – 600px width

Card in page with secondary content – 800px width

Image in Secondary content – 600px width

Image full-width with Secondary Content hidden – 900px width

Resources

• Chico State Flickr
• Accessible images
• Save Sharp Images at Low File Sizes

Best Practices for Image Selection

This section applies to site maintainers who edit pages within the Cascade 4.0 platform.

• Keep the original file name
• Do not duplicate or move images outside of the Assets folder
• Be intentional with your selection. Too many photos and unrelated photos can disrupt and distract the user's experience. 

Choosing an Image

1. Navigate to the "Chico State" folder in Cascade.
2. Open the "Assets" folder.
3. Click on the "images" folder.
4. Browse through the "academics" and "scenic" folders to find a suitable image.
5. Copy the file name of the selected image.

Adding or Replacing an Image in a Component

1. Select the image icon.
2. In the pop-up window, go to the "Browse" tab.
3. Paste the chosen file name into the Search text box.
4. Select Choose to apply the image to the component.