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
An Extraordinary Education 800px 924px
Voices of Seacrest 800px 745px
Spotlight 800px 600px
Why Seacrest? 1600px 850px
College Bound No min or max 256px (Minimum)
Interior Page
Hero background image 1600px 658px
Hero image 800px 584px
Footer background image 1600px 658px
Mega Menu 800px 800px
Landing Page
Hero background image 1200px 1250px
Hero background video 1920px 1080px
Voices of Seacrest 800px 745px
Wherever they choose No min or max 256px (Minimum)
Image Buttons - 4 columns 512px 541px
Image Buttons - 3 columns 512px 391px
Image Buttons - 2 columns 800px 393px
Image Buttons - 1 coumn 1200px 285px