Image sizes

Content Tiles with secondary content active – 600px width
three content tiles, first content tile having a photo of two horses dancing

Card in page with secondary content – 800px width
Large card with image of horse running in a field

Image in Secondary content – 600px width

campus web webpage displaying an image in the secondary content

Image across webpage with Secondary Content hidden – 900px width

Example of using an image across the webpage with 716 width pixels

 

Banner Images 

Best Practices

  • Full Screen - width size 1280 px by height 400 px maximum
  • Mobile - width 600 px by height 400 px
  • No acronyms
  • Avoid prominently displayed brands
  • Department logos are acceptable
  • Take in consideration color contrast

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

Chico State alumni association website's banner, with collage of Chico State alumni

When searching for images in a search engine, best practice is only using images "Labeled for reuse".
example of using images labeled for reuse using Google Images
Example of images labeled for reuse using Google Images

Resources

Was this helpful?
100% helpful - 3 reviews

Details

Article ID: 39405
Created
Fri 9/22/17 8:38 AM
Modified
Fri 10/2/20 4:17 PM