Learn more about the ideal image dimensions we use the most on our sites and how we use overlays.
Image Size Guide
For maximum crispness on retinal displays we recommend doubling the size of these images.
Hero Section
Inline Images
Thumbnails
Video/Photo Gallery
Full Width with Still Image or Video
- Image/Video dimensions: 1440x520 px
- We recommend keeping images under 1MB
50/50 with Still Image or Video
- Image/Video dimensions: 736x490 px
- We recommend keeping images under 1MB
50x50 Horizontal Card
- Image/Video dimensions: 670x446 px
- We recommend keeping images under 1MB
2/3x1/3 Horizontal Card
- Image/Video dimensions: 400x266 px
- We recommend keeping images under 1MB
Photo & Text Card Grid, Landing
- Image/Video dimensions: 270x240 px
50x50 Callout
- Image dimensions: 570x380 px
- Image ratio 3:2
Callout Article Slider
- Image dimensions: 370x246 px
- Image ratio 3:2
Callout Article Slider
- Image dimensions: 267x178 px
- Image ratio 3:2
Featured Event
- Image dimensions: 570x380 px
- We recommend keeping images under 1MB
Thumbnails are used across the site to promote our products on other parts of the site
Related Products
This module automatically populates existing product thumbnails,
- Thumbnail image dimensions: 270x240 px
Gallery Slider
- Image dimensions: 550x380 px
- Image ratio 3:2
- We recommend keeping images under 1MB
Media Valet is the place to find all of our brand assets.
Need to Register? Complete the simple form and your account will be active within 48 hours.
Gradient Overlays in Our Heroes
The heroes across our design system allow you turn on an optional overlay gradient to assure that the content is optimized for readability.
Image/Video without overlay used in 50x50 heroes
Image/Video with overlay used in full width heroes for better readability
