To ensure your course thumbnails look clean and professional across all devices, it’s important to follow the recommended sizing and visual guidelines.
Minimum Size Requirements
The minimum recommended height for a course thumbnail is 166 pixels.
The width is responsive, meaning it automatically adjusts based on screen size and layout.
While this height ensures compatibility with the Academy display, using the minimum size may lead to smaller, lower-resolution thumbnails — especially since the image width is scaled proportionally to avoid distortion. On desktop, this often makes the image appear less sharp or visually compressed.
Recommended Size for Best Display Quality
For sharp, balanced thumbnails across desktop and mobile, we recommend:
620 × 330 pixels
This resolution provides better clarity and a more polished appearance, especially on high-resolution displays.
Additional Tips
Avoid placing text in thumbnails — it may be difficult to read on smaller screens.
Use clear, high-contrast visuals that reflect the course content.
Keep important elements centered to prevent cropping on narrower displays.
Following these guidelines will help your thumbnails appear professional and consistent throughout the Academy.