Image Group

An image group should be used to add visual interest to a page, which can support either two or three images. This component is suggested for aesthetic use, rather than informative, and does not support captions. For image content that requires accreditation, the image embed or full width image component should be used instead. For example we see this component being useful within text heavy pages, supporting course details and research case studies.

When using the image group component, the overlapping area should be considered due the staggered layout. It is worth considering which image will sit in each position of the set, and ensure that the focal point of the selected imagery isn’t covered by another image in the set. For this reason, any image that has important visual information across the whole of the frame might be best used as a stand alone image component instead.

Key information

• An image group can contain either 2 or 3 images
• Images within the same group must have the same dimensions (3x2, 4x3 or 16x9)
• Images used must be landscape 

Image guidance

• Recommended dimensions are 2000 x 1333px or in ThirdLight use 'Image embed/group/gallery 3:2'
• For an alternative aspect ratio, 4:3 images can also be used. In ThirdLight use 'Image embed/group 4:3'. Recommended dimensions for images using this aspect ratio are 2000 x 1500px
• For an alternative aspect ratio, 16:9 images can also be used. In ThirdLight use 'Image embed/group 16:9'. Recommended dimensions for images using this aspect ratio are 2000 x 1125px
• All images from Thirdlight should be cropped using the 'Constrain proportions' checkbox
• All images must be optimised using TinyJPG before uploading to T4

Examples

• 2 images
• 3 images