Images on the web should always 

  • be consistent with the University's brand standards for photography
  • be high resolution—never blurry or pixelated
  • make sense in the context of the page and the website
Slideshow images

Image size is 1000px by 500px (thumbnail size: 172px by 103px)

Alignment of overlay, and responsive behavior:


Slideshow factoid overlay
factoid specs

Factoid Overlay Specifications:

  • 480px by 124px
  • Background: white, 70% transparency
  • Size of the large number depends on the number, but should be large and attention-grabbing. Balance the number with the amount of text beside it. There should be 15px of padding between the content and the edge of the overlay.
  • The button is 40px tall, with 10px above and below the text and 20px to the left and right.
  • Save as a PNG.
Slideshow text overlay
overlay specs

Text overlay in slideshow

  • 480px by 124px
  • Background: #b2b2b2; opacity, 85%
  • padding: 10px
  • Text is H5 (~100 characters or less, ellipsify if more), left align
  • Save as PNG
Feature images

As an alternative to the slideshow, a lead image may be used.

Appears at the top of the page beneath the page title. 

  • On a primary page (without side nav) the size is 1000 x 333
  • On a secondary page (with side nav) the size is 820 x 273.
Article images

Max width 310px, to allow text to wrap.

Action link images

1/2 width: 488px by 236px

1/3 width: 480px by 346px

1/4 width: 360px by 493px

Resolution must be 72dpi
Recommended file format is jpg with quality of 8, however exceptions can be made

Spot images

1/2 width: 

Primary and secondary page: 488px wide by 312px tall

2/3 width: 

Primary page: 658px wide by 316px tall
Secondary page: 522px wide by 251px tall

Back to Top