Overview
There are several Learning elements in the Infinite platform for which you can customize Cover Images: Courses and Learning Plans.
For all of these Learning elements, the Landing Page will look as below:
The Cover Image appears in full view on the left-hand side as well as its faded version in the background. If you are using the eloomi Infinite app on a mobile device, the landing page will be slightly adjusted to fit the screen.
The Course Cover Image is displayed in other places as well such as under the Home, Learn, and Reports sections and the Course lists in Admin > Learning. The same applies to Learning Plans cover images.
Recommended Image Sizes in Infinite
In general, it is recommended to use a 376px by 306px image size or 768px by 624px for high resolution displays.
If you want to use an image of a different size, you may do so but make sure that you follow the platform's fixed image aspect ratios outline below as all images will be automatically adjusted to fit.
Image Location | Aspect ratio (width divided by height) |
Detailed Course Preview on Desktop  | 1.23 |
Course Learning Card  | 1.23 |
Detailed Course Preview on Mobile  | 1.23 |
Course under Admin > Learning  | 1.32 |
Background Image on Landing Pages
 | Original image proportions |
The optimal aspect ratio is 1.23 for vertical cropping or 1.32 for horizontal cropping.
If your image's original aspect ratio is 1.23, then it will be displayed as is on all Landing Pages and Learning Cards but it will be slightly cropped vertically in the Learning Lists.
If your image's aspect ratio is 1.32, the image won’t be cropped in the Learning Lists but it will be cropped on the sides of the Landing Pages and Learning Cards.
Best Practice
When you upload images to the platform, remember that the most visually important part of your image should be located in the center for minimal cropping to be applied to your images.
It is recommended to avoid having borders on your image since they will be cropped on some of the views.
Additional Help
To learn more about platform branding in eloomi Infinite see our article on Platform Branding. Read how to Create, edit and assign courses
In case you have any questions or concerns, please feel free to reach out to the eloomi support team via the eloomi Support Hub.