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 |