Breadcrumbs

Recommended Image Sizes

Here are the recommended image sizes for the LMS based on different elements:

If the aspect ratio is defined for the image then the recommended size is for 16/9 aspect ratio.

Place

Recommended size w/h

Obs.

Dashboard panel - image slider

2400 x 1600 px

  • for full-width images

Course and learning path image

course_description_image_default.png programme_description_image_default.png


1024 x 580 px

  • Default course image: 320x169 px

  • Effective size on list course tile: 296.88x167 px

  • The only situation where the aspect ratio is not kept is when the course image is used as the header background (course room layout type = syllabus only)

Catalog image (in search facets)

40 x 40 px

200 x 200 px

  • Effective size on catalogue facet: 40x40 px

News

1024 x 580 px


Channel image

1024 x 580 px

  • effective size on the grid view of the tiles is 406.664 x 228.719px.
    (the scope was to fit 3 tiles in width per row, so the size is dynamic)

Channel media image

channel_default_image-20240327-185139.png

1024 x 580 px

  • effective size on the grid view of the tiles (My feed tab) is 300 x 168.727px.
    (the scope was to fit 4 tiles in width per row, so the size is dynamic)

Badges

500 x 500 px

  • fixed aspect ratio of 1:1 (can’t be changed)

  • effective size 250 x 250px on badge details and smallest 96 x 96px on badge tile

Experience track

1024 x 346 px

  • aspect ratio is ignored

  • effective size is 620 x 210 px on one tile

  • only the height is fixed, the width will adapt based on the available space. The image will crop from left and right