General Website Info

CMS Image Sizes

This is a complete list of image and video sizes used in the CMS (download a printable PDF of this list). Remember: all image names in the CMS should use numbers and lowercase letters only, separating words with hyphens. Learn more about naming conventions.

Example
feature-commencement-1.jpg

Homepage

Feature Image
Item Width Height
Small 660 px 371 px
Large 1000 px 371 px
Full-Width Small (for mobile) 650 px 302 px
Full-Width Large 1400 px 650 px
Feature Rotator
Item Width Height
Small Rotator Image 660 px 371 px
Large Rotator Image 1000 px 371 px 
Feature Video
Item Width Height
Video Size
* The video doesn't need to be this exact pixel size, but should be in 16:9 aspect ratio.
1600 px 900 px
Small Image
* The small image appears on mobile in place of the video.
650 px 366 px
Large Image
* The large image is a fallback if the video fails to load.
1600 px 900 px
Highlighted Content
Item Width Height
Section Image 490 px 327 px

Back to top

Widgets

Widget Images
Item Width Height
News - Small 100 px 100 px
News - Expanded 207 px 116 px
Featured Story 320 px 213 px

Back to top

Text Pages

Image Snippets
Item Width Height
Small 100 px 100 px
Medium 320 px 213 px
Large 720 px 405 px
Image - Grid 227 px 300 px

Back to top

Gallery Pages

Brand Hero
Item Width Height
Small 650 px 450 px
Large 1400 px 650 px
Image Snippets
Item Width Height
Image 1700 px 957 px*
Images Two-Column 500 px 300 px*
Rotator 1700 px 968 px
Text and Image 920 px 600 px*

* Recommended height.

News Templates

Landing Page
Item Width Height
Spotlight Small Image 650 px

450 px

Spotlight Large Image 1000 px 668 px
Highlighted Content Image 490 px 327 px
One Column Article
Item Width Height
Listing Image 490 px 328 px
Hero Image 1000 px 688 px
Hero Full-Width Image 1000 px 500 px
Hero Background Video Fallback Image 1000 px 500 px
Hero Popup Video Image 1000 px 688 px
Social Sharing Image 300 px 157 px
One Column Snippets
Item Width Height
Small 100 px 100 px*
Medium 440 px 300 px*
Large 735 px 405 px*
Centered 1000 px (max width) 400 px*
Images - Two-Column 500 px 300 px*
Image Grid 490 px (2 images)

320
 px (3 images)

235
 px (4 images)
735 px*

480
 px*

352
 px*
Rotator 1300 px 740 px
Text and Image 460 px  300 px*
Full-Width 1000 px  400 px*

* Recommended height.

Two Column Article
Item Width Height
Listing Image 490 px 328 px
Hero Image 733 px 504 px
Hero Popup Video Image 733 px 504 px
Social Sharing Image 300 px 157 px

* Recommended height.

Two Column Snippets
Item Width Height
Small 100 px 100 px*
Medium 320 px 213 px*
Large 735 px 405 px*
Centered 735 px (max width) 405 px*
Images - Two-Column 500 px 500 px*
Image - Grid

355 px (2 images)

230 px (3 images)

165 px (4 images)

532 px*

345 px*

248 px*

Rotator

1300 px

740 px
Text and Image

460 px

300 px*
Full-Width

1000 px

400 px*

* Recommended height.

Back to top