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
Welcome to Dwight School 800px 1055px
Where to find us 800px 316px
School News 800px 675px
Dwight Newsletters 800px 291px
Meeting of Minds 1600px 854px
Interior Hero Slideshow 1600px 884px
Landing Page
Image Buttons - 2 column 800px 522px
Image Buttons - 3 column 800px 1052px
Image Buttons - 4 column 800px 1201px
Full width image panel 1600px 679px
Custom Slideshows 1200px 802px