A banner is designed to give a face to your site and make it recognisable to your students. The banner is visible on top of the site, as well as on the topic 'card' on the My FLO page.
Image specifications
The same image file is used for both the topic site banner and the topic card viewed on My FLO, with each displaying different elements of the picture. It should also be noted that these two regions can vary slightly depending on window size, device
and whether the navigation menu is open.
Most landscape orientation photos will be roughly 4x3 aspect ratio (width x height). If a full image like this is uploaded, the central area is displayed as in the example below.
To ensure a high quality banner, images should be optimised and cropped to 1920 x 850 pixels (px), the recommended dimensions. The example below shows the image which would be uploaded to FLO.
On My FLO, this banner image would appear like this in topic cards:
Within the topic, this banner image would appear like this:
The FLO topic name and navigation breadcrumbs sit over the left side of the banner. Depending on the image content, it may be useful to flip the image horizontally. In this example, the image has been flipped and the darker less interesting region has
the topic title overtop.
What if the area of interest in the image is not central?
If the area of interest is not central in the image, it may still be a suitable image for a banner, as long as it can be cropped to 1920 x 850 px region centred around the area of interest.
Examples:
For staff who wish to prepare their own banner image, Snagit is a University-supplied program which can do everyday image editing.
Snagit is available through the IDS Support Portal. Home-use licences are also available (request via Service One)
Banners for teaching sites will be uploaded by college eLearning teams. Send your image via a Service One request. You can either send them a cropped, optimised image or a candidate image that they can prepare for you.