Skip To Main Content

Default Menu Image

Mobile Main Nav

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.
Home page Images Width (pixels) Height (Pixels)
Hero Slideshow 1600px 884px
Image Buttons 800px 958px
Testimonials 800px 853px
By the Numbers - Background Image 1600px 901px
College Logo Image No min or max 256 (Minimum)*
Interior Hero Slideshow 1600px 573px
Mega Menu 800px 800px
Landing Page
Hero Image 1600px 573px
Image Buttons 800px 958px
Testimonials 800px 853px
Constituent Profile 800px 1029px
Constituent Profile Single 800px 1097px
Resource - Image 800px 594px
Resource - Video 1920px 1080px
Photo Gallery - Portrait 800px 1017px
Photo Gallery - Landscape 800px 533px