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
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 |
Item | Width | Height |
---|---|---|
Small Rotator Image | 660 px | 371 px |
Large Rotator Image | 1000 px | 371 px |
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 |
Item | Width | Height |
---|---|---|
Section Image | 490 px | 327 px |
Widgets
Item | Width | Height |
---|---|---|
News - Small | 100 px | 100 px |
News - Expanded | 207 px | 116 px |
Featured Story | 320 px | 213 px |
Text Pages
Item | Width | Height |
---|---|---|
Small | 100 px | 100 px |
Medium | 320 px | 213 px |
Large | 720 px | 405 px |
Image - Grid | 227 px | 300 px |
News Templates
Item | Width | Height |
---|---|---|
Spotlight Small Image | 650 px |
450 px |
Spotlight Large Image | 1000 px | 668 px |
Highlighted Content Image | 490 px | 327 px |
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 |
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.
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.
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.