Basics

Images

The correct sizes for images placed on the Brookes website and how to align images on a web page.

The Brookes image library allows you to crop photos to the correct sizes for use on our website.

Web main page image

This image size should be used for all content on the page except for banners/carousels and meet the team profile images. For example, this image size must be used for media lists, box links, box objects, grid rows, tiled image panels, blockquotes, etc.

Top of page

News / Events pages

This image size should be used for all news and events articles.

Top of page

Web banner - 100% page

This image size should be used for banners and carousel/slider banners in full width pages with no left hand navigation.

Top of page

Web banner - landing page

This image size should be used for banners and carousel/slider banners when pages have a left hand navigation.

Top of page

Onstream image

This image size should be used for Onstream articles.

Top of page

Profile / Meet the team image

This image size should be used for profiles and meet the team photos.

Top of page

Image aligned right

Top of page

Image aligned left

Top of page

Image aligned centre

Top of page