Body
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
Banner Images
- Banner Image size for full screen - width size 1280px by height 400px maximum
- Banner image size for mobile screen - width 600px by height 400px
- Avoid redundancy by not including the site title in the banner image.
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.
When searching for images in a search engine, use only images "Labeled for reuse".
Example of images labeled for reuse using Google Images
Resources