The Banner Image will appear on the course details page for every course and curricula within the portal for the department that the template is assigned to.
In This Article
- Defaults
- Recommended Image Size
- Appearance on the LMS
- Page Banner Details
- Image Pointers for Banner Images
- Examples
- Considerations
By Default
Course Details Page
If you do not upload a banner image to the Course Details Page there will be a default image visible.
My Courses and Catalog
If you do not upload a banner image to the My Courses and Catalog Page there will be a default image visible.
Recommended Image Size
1920px x 360px and 300 KB file size.
Banner Images - Appearance on the LMS
Visualize the Page Banners on the LMS and how the images are used in the context of a component.
Page Banner Details
Keep in mind banner images have additional interactivity that overlay on top, samples are shown below. Depending on your view some images might be covered or clipped off. Banner Images are also associated with Theme Type > Banner & Button Text.
Image Pointers for Banner Images
- Images that are abstract or a pattern make great banner images.
- Use images that don't have a focus point.
- Images with a colour overlay in contrast with the interactive text and buttons.
- Banner images can be a collection of objects related to the course.
Examples
Considerations
Images with Text
Some components will overlay the banner image, therefore, images with text are not recommended unless used intentionally.
Aspect Ratio
Make sure images have a proportioned scale or widescreen aspect ratio. Unproportioned images could look stretched or objects can be cut-off.
Transparency
Transparent Images will overlay with a Gray background (Hex #b2b2b2), make sure the chosen image can compliment the gray background.
Low Contract with Text
Page Banners are associated with a Theme Color "Banner & Button Text". If you select a text colour similar to the image, course titles will not be readable.
Copyright
Use images that you own, have purchased, credit authors properly, ask permission for image usage or use creative commons license images with caution. Protect your content from copyright infringement.