Whether you're updating the homepage slideshow, adding a hero image on an interior banner, posting a news photo gallery or uploading a splash video, keeping the imagery on your site fresh is always a good idea. But what's the right size?
This article is meant to outline general recommended dimensions. Every site is unique, however, and exact dimensions for your site's custom treatments and enhancements can be found within the Production branch of your site.
Full-width slider images should be cropped to around 1440 x 750px. Please be sure to resize your image first to around 1440px wide, then crop the height of the image so that it is roughly 750px tall.
Best practice: The focal point of all images should always be in the center, as some cropping is bound to occur to accommodate for varying screen widths.
For images and videos used on the interior pages of your site, use the following guidelines.
Hero treatments: 1440 x 700px
Featured news & events: 800 x 800px
Note: Only desktop web browsers that support HTML5 can display videos as background elements. Videos will not play on mobile devices such as iPads, due to limited HTML5 support of mobile web browsers.
The recommend video settings for hero/background videos are: