Unless specified otherwise, dimensions are presented as width × height.
In general, a universal image size for use in the Homepage Feature Rotator and other featured/hero image uses may be 1200 × 517.
The term “aspect ratio” refers to the ratio of an image’s width to its height. An aspect ratio calculator can be useful for creating an image which serves multiple use cases by maintaining this ratio. For example, the 1200 × 517 “universal” image size is the same aspect ratio as the Homepage Feature Rotator, but large enough to be used for many other uses described below.
Homepage Feature Rotator
The exact, maximum dimensions of the Homepage Feature Rotators on all sites are 900 × 388. The feature rotator is fully responsive and resizes automatically for mobile while maintaining its aspect ratio. The feature rotator will accept images of any size, and those that do not match its aspect ratio are resized to fit without cropping.
Blog Posts/Contests
A post or contest’s Featured Image is used for its thumbnail in post lists and its main image when shared on social. When adding a featured image to a blog post, you will be given display options for it on the post itself:
The “Full Width” option displays the featured image above all other content, including the sidebar, and is the largest display option using the maximum content area width of 1040px. This is the most expressive options for big promotions or other feature content.
The “Left Wrap” and “Right Wrap” options insert your featured image to the left or right of the post content. Your content will wrap around the image.
“No Image” allows you to set a featured image to use as the item’s thumbnail, but does not display the image in the content itself. This is useful for when you want more direct control over the display of content, where you might want to add the image to the content manually.
In blog post lists and other content lists on the site, items in the list with featured image thumbnails will align automatically. You don’t need to be worried as much about matching the width of featured images.
With the sidebar enabled, the content area of posts and contests is maximum 680px wide. With the sidebar disabled, the content area is maximum 1040px wide.
Events
The featured image for events are displayed at a maximum of 880px wide.
Pages
The featured image for pages is not displayed on the page itself, but may be displayed on social media or other locations where the page is shared.
Pages do not have a header by default. You can choose to display the page title or an image using the “Theme” options in the page editor. For the image header, the maximum width is 880px and will be displayed above the content, in line with the sidebar.
Pages may optionally have a “Hero” which allows for a large, expressive header beyond a simple image.
With the sidebar enabled, the content area of pages is maximum 880px wide. With the sidebar disabled, the content area is maximum 1240px wide.