Image Variants and Aspect Ratio

Creating a Variant

This video tutorial will show the process for creating a variant for image(s). Creating variants allow the same image to be resized and cropped to accomodate various content types without changing the original image.

View the video tutorial on How to Create an Image Variant (sign in to your University email account).


Commonly Used Content Types

Content type: Content - General

Recommended aspect ratio 1:1 (1000 x 1000)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis Aristidem non mortuum diligit? Si est nihil nisi corpus, summa erunt illa: valitudo, vacuitas doloris, pulchritudo, cetera. Quid enim est a Chrysippo praetermissum in Stoicis? Duo Reges: constructio interrete. Videamus animi partes, quarum est conspectus illustrior; Nam memini etiam quae nolo, oblivisci non possum quae volo. Itaque si aut requietem natura non quaereret aut eam posset alia quadam ratione consequi.

Content type: Content - Image - Full-width 

This banner image is reserved for full width page layouts.

Recommended aspect ratio 5:1 (2000 x 400)

commencement banner

Content type: Content - Image with Text Block

Recommended aspect ratio 2:1 (2000 x 1000)

Content type: Content - Hero Banner

This hero banner is reserved for pages that have a hero banner at the top and should not be used on other pages.

Recommended aspect ratio 3:2 (2000 x 1333)

 

Content type: Content - Highlighted Items

Recommended aspect ratio 1:1 (1000 x 1000)