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)
Main Hero Video	1920px	1080px
Welcome to Corbett Prep	800px	974px
An Inspiring Education	800px	556px
Three Divisions, One Community	2200px	1260px
Voices from our community	800px	663px
News	800px	800px
Landing page Images	Width (pixels)	Height (Pixels)
Hero Image	2200	1055
Registration Is Open!	800px	806px
An Inspiring Education	800px	556px
Parent Testimonials	800px	410px
Parallax image	2200px	1260px
Musical Theatre	800px	410px
Recent Highlights	512px	490px
Enhancements	Width (pixels)	Height (Pixels)
Image Buttons (Icons) - One Column Layout
Image Button - 2 Column	800px	596px
Image Button - 3 Column	512px	587px
Image Buttons (Icons) - Two Column Layout (Narrow Right Sidebar)
Image Button - 1 Column	800px	667px
Image Button - 2 Column	512px	583px
Image Button - Sidebar	512px	719px
Image Buttons (Numbers) - One Column Layout
Image Button - 2 Column	800px	596px
Image Button - 3 Column	512px	587px
Image Buttons (Numbers) - Two Column Layout (Narrow Right Sidebar)
Image Button - 1 Column	800px	667px
Image Button - 2 Column	512px	583px
Image Button - Sidebar	512px	719px
Interior page Images	Width (pixels)	Height (Pixels)
Hero Image	2200	1055
Wide Main Content Area	1200	No min or max
Narrow Sidebar	800	No min or max
Image Button	800	596