Skip to content
  • There are no suggestions because the search field is empty.

MyHub Learning Image Sizing

The purpose of this article is to provide users with recommended image sizing guidelines for various areas within the LMS. It outlines the ideal dimensions and positioning for dashboard banners, library banners, login images, pathway covers, and content images to ensure visuals display correctly and maintain a professional appearance. Following these guidelines ensures a polished and optimised user experience.

When using images in the LMS, it’s essential to follow the recommended sizing guidelines to ensure your visuals display correctly and maintain a professional appearance. Below are the best sizing recommendations for different image types in SuperPath:

Dashboard Banners

  • Width: Expands with the page, but height is fixed
  • Height: 250px (fixed)
  • Positioning: Fixed to the top left

Library Banners

  • Width: Expands with the page, but height is fixed
  • Height: 280px
  • Positioning: Fixed to the middle left

Pathway/Section/Knowledge/Event Image Covers

  • Image Ratio is 24:5 (image will grow with page size)
  • Width: 1920px (recommended)
  • Height: 400px (recommended
  • Positioning: Can be changed to Top, Middle or Bottom if the image is too tall.

Content Covers

  • Image Ratio is 16:9 (image will grow with page size)
  • Width: 1920px (recommended)
  • Height: 1080px (recommended
  • Positioning: Can be changed to Top, Middle or Bottom if the image is too tall.

Thumbnail Images

Thumbnail images are used across multiple places in the SuperPath platform including library content, pathways, sections, roadmaps. In most cases these are displayed in the lists and steps.

  • Image Ratio is 1:1
  • Width: 200px (recommended)
  • Height: 200px (recommended

Adhering to these image specifications ensures your content looks polished and optimised for the LMS. Always consider how the width will expand with the page and the fixed positioning for alignment.