Recommended image and video dimensions

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.

Homepage

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.

Interior

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

Hero/background videos

“Hero” or “background” videos refer to short, repeating video clips that play in the background of a web page. Due to the size of video files, we recommend that you keep the length of these clips to around 15-30 seconds, with no audio.

The recommended video settings for hero/background videos are:
Video size: 1080P
Video bitrate: 2500 Kbps
Frame rate: 30 fps or 24fps
Key frames: None
Duration: 15-30 seconds
Audio: None
Format: MP4
Was this article helpful?
8 out of 11 found this helpful

Comments

0 comments

Please Sign in to leave a comment if you don't see the comment box below.