Image Dimensions
This page lists the image dimension requirements for the page options and components of each page type.
In many of the page components and options, the text that accompanies the image overlays a portion of the image. In some cases this overlay is semi-transparent, enabling the image to be visible below the overlay. However, in most cases the overlay is opaque and the portion of the image below the overlay is not visible.
When selecting images, note any portions of the image that would be covered by the overlay to ensure that portions of the image that you want to visible are not obscured (portion of a person's head or body cut off, portion of a sign or banner cut off, etc.).
Home Page
| Page Option or Component | Image Dimensions (in pixels) | Image Formatting Notes |
|---|---|---|
| Masthead | 1440 x 918 | The text that accompanies the image overlays the left center of the image, about 30% up from the bottom of the image. Given this, the focal point of the image should be at or to the right of center. |
| Featured Content | 836 x 836 | The text that accompanies the image overlays the right side of the image, about 15% of the total width. |
| Media | 1440 x 982 | The text that accompanies this image overlays the bottom 20% of the image. |
High Level Page
| Page Option or Component | Image Dimensions (in pixels) | Image Formatting Notes |
|---|---|---|
| Masthead | 858 x 858 | The website's main navigation bar overlays the top 20% of the image. If a caption is included in the Masthead area, the text overlays the bottom portion of the image. The text displays in white font color so avoid images with white or very light colors at the bottom as there may not be sufficient contrast. |
| Featured Content Card | 836 x 627 | The text content that accompanies the image overlays either the left or right 1/7th of the image. Given this, the focal point of the image should be at the center. |
| Media | 1440 x 810 | The text content that accompanies the image overlays the bottom left of the image, about 5%. |
Standard Level Page
| Page Option or Component | Image Dimensions (in pixels) | Image Formatting Notes |
|---|---|---|
| Masthead | 500 x 500 | The website's main navigation bar overlays about the top 30% of the image. If a caption is included in the Masthead area, the text overlays the bottom portion of the image. The text displays in white font color so avoid images with white or very light colors at the bottom as there may not be sufficient contrast. |
| Quote | 500 x 500 | The left 25% to 30% of the image "fades out" and the accompanying text overlays this area. Given this, the focal point of the image should be at or to the right of the center of the image. |
| Media | 836 x 627 | The text content that accompanies the image overlays the bottom of the image, about 5%. |
Program Detail Page
| Page Option or Component | Image Dimensions (in pixels) | Image Formatting Notes |
|---|---|---|
| Aggregate Details | 140 x 140 | This image displays in the programs list on the Program and Degree finder page and in the Related Programs component. |
| Masthead | 500 x 500 | The website's main navigation bar overlays about the top 30% of the image. If a caption is included in the Masthead area, the text overlays the bottom portion of the image. The text displays in white font color so avoid images with white or very light colors at the bottom as there may not be sufficient contrast. |
| Media | 836 x 627 | The text content that accompanies the image overlays the bottom of the image, about 5%. |
| Quote | 500 x 500 | The left 25% to 30% of the image "fades out" and the accompanying text overlays this area. Given this, the focal point of the image should be at or to the right of the center of the image. |
News Detail Page
| Page Option or Component | Image Dimensions (in pixels) | Image Formatting Notes |
|---|---|---|
| Aggregate Details | 836 x 627 | This image displays in the news articles list on the News page and in the Related News component. |
| Media | 836 x 627 | The text content that accompanies the image overlays the bottom of the image, about 5%. |
| Quote | 500 x 500 | The left 25% to 30% of the image "fades out" and the accompanying text overlays this area. Given this, the focal point of the image should be at or to the right of the center of the image. |
Event Detail Page
| Page Option or Component | Image Dimensions (in pixels) | Image Formatting Notes |
|---|---|---|
| Aggregate Details | 836 x 627 | This image displays in the events list on the Events page and in the Related Events component. The event date overlays the bottom left corner of the image. |
| Media | 836 x 627 | The text content that accompanies the image overlays the bottom of the image, about 5%. |