Image Guidelines
Images can be used in various places and have different designation names based on their location, such as a Hero or Featured Image. This section will go over the different image designations and their specifications.
All Images
The following are the recommended specifications for all the different types of images you can use throughout your site.
File Size
- Maximum file size: 3 MB
*We recommend you use image manipulation software to keep file sizes down as low as possible to improve load times and overall performance. See below for resources. If you need assistance, please contact us.
File Type
- Accepted file types: jpg, jpeg, png
*We recommend you use jpg only to keep file sizes down and improve load times and overall performance. See below for resources. If you need assistance, please contact us.
Guidelines by Image Type
Hero Images
A hero image is typically displayed at the top of a landing page or on a homepage. The pronounced image expands outside of the content area.
- Ratio: 21:9
- Recommended image size: 1680 x 720 pixels or 2560 x 1080 pixels
- Minimum image size: 1680 x 720 pixels
Featured Images
A featured image is typically displayed within the content area, unlike a hero or banner image which typically expands outside of the content area.
- Ratio: 16:9
- Recommended image size: 1600 x 900 pixels or 1920 x 1080 pixels
- Minimum image size: 1200 x 675 pixels
Teaser Images
The teaser image is typically displayed as a small photo on the homepage. It is also used alongside content in a preview, list view for the site.
- Ratio: 16x9
- Recommended image size: 1920 x 1080 pixels
- Minimum image size: 600 x 400 pixels
Embedded Images
An embedded image is displayed within the body, or text, of a piece of content. It can be formatted in two different ways: full or wrapped.
- Full: A full-size image takes up the full width of the content area. (none/centered)
- Wrapped: Aligned left or right with text wrapping.
In basic pages:
- All images: width 960 pixels
In news items:
- All images: width 1200 pixels
Galleries
Organized display of grouped images in slideshow with thumbnails
- Gallery Title: Required; Presented when inserted on a basic page
- Ratio: 16:9
- Recommended image size: 1920 x 1080 pixels
- Minimum image size: 1200 x 675 pixels
People List Images
A people list image is an image displayed within each person in a people list.
- Ratio: 1:1
- Minimum image size: 1200 x 1200 pixels
Image Resources
- Photoshop
- Full image manipulation
- Image cropping, resizing, and compression
- can open and save different image file types
- Has a paid version only *Qualifies for an educational discount
- Gimp
- Limited image manipulation
- Image cropping, resizing, and compression
- Can open and save different image file types
- Free, open-source
- Pixlr
- Limited image manipulation
- Image cropping, resizing, and compression
- Can open and save different image file types
- Has a free and paid version