This article explains how to optimize course image size for responsive designs.
Your Learning Center Website and Learning Experience are fully responsive for all device sizes. A responsive webpage not only scales content to fit a given screen size, but can also re-arrange, remove, or emphasize certain components to create the most optimal user experience on different devices.
To create the best experience on all devices, your course images will scale according to best practices for responsive web design. As the images change size to fit a device, they will not change shape. For example, a rectangle will remain a rectangle, and a square will remain a square, but the size of the image will be appropriate for the screen size.
For course images, we recommend an 8:5 aspect ratio with a minimum size of 820x500 pixels. This is the image that is displayed on the Course Cover page (if applicable) and My Courses page as shown below.