Prerequisites: The required dimensions are set by Learning Pool and are finite.
Summary: Outlines the functionality and recommended image size for each view format
Banner imagery
Dimensions
To get the most out of your landing page, dashboards and courses, the best dimensions to adhere to if you want conformity across the platform for your users is to create imagery at 1920 x 300px. These images could be in a slider or course introduction block.
The banner image is responsive to the screen size, which means the image will resize as the screen size reduces. For this reason, we recommend avoiding images with too much detail or focus to avoid the detail being removed on a smaller device.
If you need an image with a strong focus, ensure this focus is in the centre of the image. This will ensure the focus remains even when viewed on smaller devices.
Image Behaviour
Imagery in the slider can be made up of any design and style. Adding brand colours and styles help give the platform weight and stronger visual aid.
Slider image on a dashboard
Course introduction image on a course page.
Tile imagery
Tile images are used throughout the LMS in areas including training tiles blocks, button blocks, course catalogues, tile format course pages, and grid format course pages. Much like the banner images, these will be responsive to different screen sizes so the guidance on focus areas for images remains the same.
Training tiles block: 400px x 400px.
Course catalogue grid-view tiles: 400px x 160px.
Tile format course page: 340px x 200px.
Grid format course page: 300px x 200px.