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