Canvas Guides (en)Canvas Instructor Guide SettingsHow do I add an image to a course card in the Dashboard?

How do I add an image to a course card in the Dashboard?

If your institution allows, you can upload an image to display behind the course card in the Canvas Dashboard. Accepted images include JPG, JPEG, GIF, and PNG files. For best practice, images should be approximately 262 pixels wide by 146 pixels high.

Images can also be added from Flickr; the search results display images with a Creative Commons public domain license.

When added to a course, images display behind a color overlay in the course card. The overlay color is a user setting defined individually by each user in the Dashboard. Although the color overlay can be completely removed by a user, best practice is to use an image that can display well behind a variety of colors.

Note: Adding an image to a course card is currently a course opt-in feature. To enable this feature, learn how to manage feature options in the course features lesson.

Open Course Settings

Open Course Settings

In Course Navigation, click the Settings link.

Open Course Details

Open Course Details

Click the Course Details tab.

Choose Image

Choose Image

Click the Choose Image button.

Upload File

To upload your own image, drag and drop your image in your browser [1]. Or, to browse your computer and locate an image, click the browse your computer link [2].

Images will automatically upload, but larger images may take a few seconds to process. The image will be centered, so if the width of the image exceeds the recommended width, the sides of the image will be cut off.

Search Flickr

To use an image from Flickr, enter a search term in the Search field [1]. Search results display all related images with a Creative Commons public domain license and may include more than one page.

When you've found an image you want to use, click the image [2].

View Image

View Image

View the image as it will be shown in the Dashboard course card.

Manage Image

Manage Image

To manage the image, click the Settings icon [1]. To change the image and select a new one, click the Change image option [2]. To remove the image completely, click the Remove image option [3].

Update Course Details

Update Course Details

Click the Update Course Details button.