Open navigation

Image and Icon Size Guide

Summary

There are various areas within your platform which allow you to add images or icons. Each of which has its own unique sizing format to ensure it appears correctly for your users. This guide will show you the recommended sizing for images and icons on your platform.

Option 1 - Custom areas

Image
Recommended (Width x Height px)Maximum (Width x Height px)Aspect Ratio (Width : Height)
Login Page Logo
N/A - based on specific logo
500 x 500px
N/A - based on specific logo
Homepage IconN/A - based on specific logo500 x 500pxN/A - based on specific logo
Course Card Image280px x 120px280x120Dynamically changes.
RoadMap Section Image1,820 x 300px1,920 x 1,080px6:1 - 16:9
Pathway Thumbnail Image100x100px300x300px1:1

Option 2 - Text and Media Area

The Text and Media Area activity, which can be added in various locations across your platform, doesn’t conform to the sizing guidelines above. Rather, as it is a custom image added to the platform yourself for a unique purpose the height of the image is completely up to you. The only consideration should be to the width of the image as 1820 px width is required to fit the width of most desktop/laptop screens. 


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.