Skip To Main Content


De La Salle High School



header-nav mobile




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 1792px 1003px
News & Activities 800px 537px
Image/Text Slideshow 800px 1126px
Meet Our Spartans - Background Image 1792px 858px
Meet Our Spartans 800px 1091px
Interior Hero  1792px 675px
Mega Menu 757px 1003px
Image Buttons - 3 columns 367px 475px
Image Buttons - 2 columns 570px 475px
Image Buttons - 1 column 1180px 475px
Image/Text Slideshow 380px 535px
Callout Box 1792px 649px