Images and Our Websites

    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

      Article Header Image  

      • Image/Video dimensions: 1440x600 px
      • We recommend keeping images under 1MB
      Article Header Image

      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 

      Article Thumbnail Image

      • Image/Video dimensions: 370x246 px 
      • We recommend keeping images under 1MB
      Article Thumbnail Image

      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