Images can be inserted into the body of a page or post and are a powerful way to convey information visually.
Example
Design Considerations
The images we use create an emotional impression and tell a story about our values, people, campus and personality. Make sure to select images that are relevant and add value to your message.
Use fewer, better and larger images. Most users don’t look at any individual image when there are too many on a page.
Full width photos (760 pixels wide) better fill out the page and allow the photo to take a prominent place within the content. Smaller images on a text-heavy page are less compelling.
Read our image guidelines for further information on images.
Best Practices
- An image can be aligned left, center, or right on a page.
- A caption can be added to provide details of an image.
- Images should be cropped and optimized before uploaded to site.
- A circle mask can be applied to an image. When applying this mask, choose an image where the focal point is close to the center.
- Descriptive alt text should be added for accessibility compliance.
Component Options
The user has the option of choosing between a default or rounded style for their images.