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.
Note: For most scenarios, photos are set as background images to the container they are in. With this setup, there is typically some clipping that occurs around the edges. For that reason, we recommend that you select images with a central focal point and no closeups. Also, and most importantly, avoid adding text, logos, or similar graphics that won't look right if clipped.
Full-width slider images should be cropped to around 1920 x 1000px. Please be sure to resize your image first to around 1920px wide, then crop the height of the image so that it is roughly 1000px tall.
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
The recommended video settings for hero/background videos are: