Skip To Main Content

Image Sizes

When uploading new images to your website, we recommend preparing them to the following pixel sizes to achieve the best balance of visual quality and loading speed.

All images uploaded to Composer’s Resources Manager are automatically optimized when displayed on the page. With this in mind, we recommend following these size dimensions and saving photos as JPEGs, there is normally no requirement to save out the images at a lower quality setting.

Tips for Using Photos on the site:

  • Select images carefully for the space where they will be used.
  • Place the focal point of the image toward the center so that important information does not get cut off when the browser window is resized.
Feature Width Height
Homepage Slideshow Images and Video 1600px 884px
Welcome Section  1200px 796px
Image Buttons 800px 737px
Nurturing the Possibilities 512px 594px
Program Spotlights 800px 831px
Latest News 1200px 1200px
Infographics Background Image 1600px 786px
Interior Page Hero 1600px 661px
Mega Nav Image 202px 90px
Footer Image 1536px 414px
Enhancement - Program Spotlights 800px 831px
Enhancement - Program Spotlights Slim 512px 532px
Enhancement - Image/Video Box (left/right banner) 512px 717px
Enhancement - Image/Video Box (2 column) 800px 589px
Enhancement - Image/Video Box (3 column) 512px 586px