Best Sizing for images including Cover, Badges, Icons

The purpose of this article is to provide users with recommended image sizing guidelines for various areas within the SuperPath 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 in SuperPath, 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:

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 Superpath platform. Always consider how the width will expand with the page and the fixed positioning for alignment.

Updated on: 13/02/2025