Image Ratio & Dimensions
The following table catalogues the recommended image ratio and dimensions for blocks that have an image(s). These ratios and dimensions are primarily for how images display at the 1200px desktop view but because the site design is responsive, the blocks will automatically scale and rearrange for the best possible display based on the user’s screen size.
Image Ratios & Dimensions
(in alphabetical order)
| Block | Ratio | Upload Dimension | Notes |
|---|---|---|---|
| Events Block: Featured Image | 3:2 | 2000px x 1333px | |
| Explore More (2 & 3 Across) | Variable | 1800px x 1013px | Choose an image with focal point in center |
| Full-Width Overlay | 3:2 | 2000px x 1333px | Choose an image with focal point in center |
| Gallery | 1:1 or auto-crop to 16:9 | Variable | |
| Highlight | 1:1 | 400px x 400px | |
| Image Text CTA | 3:2 | 2000px x 1333px | |
| Info Grid | 16:9 | 1050px x 591px | |
| Image Overlay Grid | 16:9 | 1050px x 591px | |
| Landing Page Hero | 2.66:1 | 2000px x 750px | Choose an image with focal point in center |
| Landing Page Hero with Seal | Variable | 2000px x 667px | Choose an image with focal point in center |
| Post (news article, blog post, etc.) – Featured Image | 16:9 | 2000px x 1125px | |
| People Stories (Person) | 1:1 | 1050px x 1050px | |
| People Stories: Background Image | Variable | 2000px x 1125px | Choose a textural grayscale image |
| Promo with Photo Block | 3:2 | 2000px x 1333px | |
| Program Homepage Hero | 16:9 | 1200px x 675px | Choose an image with focal point in center |
| Promo with Video: Video Poster (thumbnail) | 16:9 | 2000px x 1125px | |
| Promo with Video: Background Image | Variable | ≥ 3000px x 1688px | Choose a textural grayscale image |
| School Homepage Hero | Variable | 2000px x 1125px | Choose an image with focal point in center |
| Stats Grid: Background Image | Variable | ≥ 3000px x 1688px | Choose a textural grayscale image |
| Tesaser Links | 16:9 | 600px x 336px | |
| Testimonial Block | 1:1 | 1800px x 1800px | |
| Video Full Width: Video Poster (Thumbnail) | 16:9 | 2000px x 1125px |