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.
Home page Images Width (pixels) Height (Pixels)
Hero Slideshow 1600px 884px
A Place to Belong 800px 1000px
The Providence Process 800px 886px
At a Glance 1600px 1188px
College Bound No min or max 256 (Minimum)*
Interior Hero Image 1600px 552px
Landing Page
Hero Image 1600px 552px
Image Buttons - 3 column 800px 1053px
Image Buttons - 2 column 800px 702px
Image Buttons - 2/3 column 1200px 769px
Image Buttons - 1/3 column 800px 1333px
Image Buttons - 4 column 800px 1569px
Image Slider - Main Image 800px 441px
Image Slider - Small Image 800px 547px
Video or Image 1200px 876px
Single Image Slider 1600px 758px
A Place to Belong 800px 1000px