Customizing Each Module's Picture in the Visual TOC in Brightspace

You can change what images appears for a module in the visual TOC on the Brightspace Course Home by adding/changing the image in each Module's description.

This Information is Intended for:
Instructors, Researchers, Staff

In the Visual TOC on Course Home, each module has an image either from the Course Banner or, if the module's description field has an image, from the description. By adding an image to the module's description, you can customize the images in the Visual TOC.

Visual TOC images come from Course Banner Image or Module Description Image

Finding Appropriate Images

To add an image to a Module's Description, you will need to find and download your own images and then upload them to the description (there aren't any images built into Brightspace to choose from). Be sure you have the appropriate permissions to use any images before adding them to your course. 

Here are a few website that have copyright free images you can download: pexels.comfreepik.com, pixabay.com

Recommendations

When choosing images, here are some things to look for:

  • Images that match your course/module content
  • Images with uncomplicated visuals; avoid images with text
  • Images with content in the top left corner because the Visual TOC will only show the top left portion of larger images (The recommended size for module images is 768 pixels x 400 pixels. If your image has different dimensions it will display fully in the module, but be cropped in the visual table of contents)

Adding an Image to a Module's Description To Customize the Visual TOC Image

  1. Before starting, download the image you'd like to use to your computer
  2. In your course in Brightspace, in the Navbar, click Content
  3. On the left, select the module you'd like to add an image for
  4. With the module selected, near the top center, click Add a description... (or click to edit the existing description)
    Content > selected Module > Add a description
  5. In the description editor, click Insert Image
  6. In Description ribbon, click Insert Image
  7. Select My Computer
  8. Select Upload, select the image you download to your computer and select Open
    Tip: The recommended size for module images is 768 pixels x 400 pixels. If your image has different dimensions it will display fully in the module, but be cropped in the visual table of contents.
  9. Select Add
  10. Fill in the alternative text (e.g., image of multiple devices) and if the image is decorative, check the box for ☑︎ This image is decorative
  11. Select Ok
  12. Select Update under the Module Description
  13. To see how the image looks in the Visual TOC, near the top left click Course Home and scroll down to see the images on the modules in the Visual TOC
This Content Last Updated:
05/07/2025

Supported By


Brightspace Support via SUNY Helpdesk
Phone: 1-844-673-6786
Academic Technology Services
This Information is Intended for:
Instructors, Researchers, Staff
This Content Last Updated:
05/07/2025