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

Best Sizing for images, including Cover, Badges and Icons

The purpose of this article is to provide users with recommended image sizing guidelines for various areas within the platform. 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, it’s essential to follow the recommended sizing guidelines to ensure your visuals display correctly and maintain a professional appearance. 

1. Dashboard Banners

  • Height: 250px
  • Width: Expands with the page
  • Positioning: Fixed to the top left

2. Library Banners

  • Height: 280px
  • Width: Expands with the page
  • Positioning: Fixed to the middle left

3. Login Image

  • Recommendation: Use a landscape-oriented image as it will expand with the page.

4. Pathway/Section/Event Image Covers

  • Height: 170px
  • Width: Expands with the page
  • Positioning: Fixed to the top left

5. Content Images

  • Height: 300px
  • Width: Expands with the page
  • Positioning: Fixed to the top left

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