# 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](https://community.canvaslms.com/t5/Publisher-Test-Nathan/How-do-I-use-the-Dashboard-as-an-instructor/ta-p/644812). Accepted images include JPG, JPEG, GIF, and PNG files.

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:** Course card images are categorized as decorative images for screen readers and are set at a size of 262 pixels by 146 pixels.

## Open Course Settings

<div data-step-uuid="d8115170-a4ee-46a3-863e-23a2852024db" id="bkmrk-"><div data-step-uuid="d8115170-a4ee-46a3-863e-23a2852024db"><div>![Open Course Settings](https://media.screensteps.com/image_assets/assets/003/031/264/original/21148d45-250b-4f89-b759-83d566dba8dc.png)</div><div><div></div></div></div></div>In Course Navigation, click the **Settings** link.

## Open Course Details

<div data-step-uuid="8fa44139-5a11-4632-a33f-a0a2d0f68d37" id="bkmrk--0"><div data-step-uuid="8fa44139-5a11-4632-a33f-a0a2d0f68d37"><div>![Open Course Details](https://media.screensteps.com/image_assets/assets/008/176/139/original/838f73e1-12b3-4572-9166-ec879236ee07.png)</div><div><div></div></div></div></div>Click the **Course Details** tab.

## Choose Image

<div data-step-uuid="996ea0d0-b591-4d00-9657-f2087032c054" id="bkmrk--1"><div data-step-uuid="996ea0d0-b591-4d00-9657-f2087032c054"><div>![Choose Image](https://media.screensteps.com/image_assets/assets/000/790/565/original/0d2a459a-f1a0-4b6c-86d2-584d6ba6751e.png)</div><div><div></div></div></div></div>Click the **Choose Image** button.

## Upload File

<div data-step-uuid="6a720efe-4542-47d6-8bba-a9e2f469fde9" id="bkmrk--2"><div data-step-uuid="6a720efe-4542-47d6-8bba-a9e2f469fde9"><div>[![Upload File](https://media.screensteps.com/image_assets/assets/006/126/330/medium/667ecf73-0d75-48f0-af37-8c7b50ca7035.png)](https://media.screensteps.com/image_assets/assets/006/126/330/original/667ecf73-0d75-48f0-af37-8c7b50ca7035.png)</div><div><div></div></div></div></div>To upload your own image, drag and drop your image into the **Upload Image** section. Or, to browse your computer and locate an image, click the **Upload Image** section.

Images will automatically upload, but larger images may take a few seconds to process. The image will be centered and resized to fit the course card, which is set at a width of 262 pixels and a height of 146 pixels.

**Note**: Images larger than 10MB will not display correctly.

## View Image

<div data-step-uuid="a4e85d5b-2a42-4cf5-8bb3-48eb3782b3dc" id="bkmrk--3"><div data-step-uuid="a4e85d5b-2a42-4cf5-8bb3-48eb3782b3dc"><div>![View Image](https://media.screensteps.com/image_assets/assets/006/087/443/original/550663ce-a86d-4e4b-be04-8d6b1fd0f74c.png)</div><div><div></div></div></div></div>View the image as it will be shown in the Dashboard course card.

## Manage Image

<div data-step-uuid="4be9a6b4-cc16-4938-aa02-219ee3c398b0" id="bkmrk--4"><div data-step-uuid="4be9a6b4-cc16-4938-aa02-219ee3c398b0"><div>![Manage Image](https://media.screensteps.com/image_assets/assets/006/087/445/original/bf945ff5-0028-4791-838e-f3716b534405.png)</div><div><div></div></div></div></div>To manage the image, click the **Options** icon \[1\]. To change the image and select a new one, click the **Choose image** option \[2\]. To remove the image completely, click the **Remove image** option \[3\].

## Update Course Details

<div data-step-uuid="e3c56d43-d22a-4f91-a11e-f161c3da7a5c" id="bkmrk--5"><div data-step-uuid="e3c56d43-d22a-4f91-a11e-f161c3da7a5c"><div>![Update Course Details](https://media.screensteps.com/image_assets/assets/000/790/561/original/0018127f-c2fd-4f3f-95bf-188c8b0524cb.png)</div><div><div></div></div></div></div>Click the **Update Course Details** button.

\[Content retrieved from [https://community.canvaslms.com/t5/Instructor-Guide/How-do-I-add-an-image-to-a-course-card-in-the-Dashboard/ta-p/624](https://community.canvaslms.com/t5/Instructor-Guide/How-do-I-add-an-image-to-a-course-card-in-the-Dashboard/ta-p/624)\]