Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This step-by-step guide will walk instructors through how to change the following course images: the banner image and a module’s image. Recommended sizes for these images will also be provided in this guide.

\uD83D\uDCD8 Changing the Banner Image on the Course Homepage Instructions

Brightspace allows you to select an image from their library of stock images for your course banner image, or you can upload your own image. The image selected for the course banner appears on the course homepage, My Courses widget, and the Brightspace Pulse app. We encourage you to choose an image that you prefer, and also to choose a different image for each course to minimize confusion between different sections of the same course.

...

Info

Here are a few websites that have copyright free images you can download to use within your course: Pexels, Freepik, Pixabay, Unsplash.

\uD83D\uDCD8 Instructions

To change a course banner image:1.

  1. On the course homepage, hover over your current course banner image until you see the three-dot menu appear in the upper right corner of the banner. Click on the three-dot menu, then select Change Image.

...

  1. Image Added

...

  1. If you want to select an image from Brightspace’s Course Image Library, you can scroll through the images or type in a keyword that represents your course to see what images are available. Hover over the image you want to use and click Use this image to add it as your course banner.

...

  1. Image Added

...


  1. If you would rather upload your own image instead, click Upload, then click My Computer.

...

  1. Image Added

...


  1. Click Upload again, then select the image from your computer, then click Add.

...

  1. Image Added

...


  1. You should now see your course banner image has changed to the new image you selected. If you don’t see your new image right away, refresh the page and wait a few minutes for this

...

\uD83D\uDCD8 Changing a Module’s Image Within A Course Instructions

By default, your course banner image will preload as the image for each module you create within your course.

To change a module’s image, you will need to edit the module’s description field.

The size of the module image needs to be 768 x 400 pixels to display correctly. You must resize your image to be this size before uploading, because Brightspace does not automatically crop and resize module images. This image must also be in .jpg, .jpeg, .png, or .gif format.

Info

Here are a few websites that have copyright free images you can download to use within your course: Pexels, Freepik, Pixabay, Unsplash.

To change a module’s image:

...

  1. change

...

2. Click on Add a description…

...

3. Click the Insert Image button and select where you will be uploading your file from. In most cases this will be My Computer if you want to use an image that is saved on your computer.

...

...

  1. to

...

5. You will now see the name of the file that has been uploaded. Click Add.

...

6. A window will pop up to Provide Alternative Text. Provide alternative text in this window if this applies or check the box stating “This image is decorative”.

...

...

  1. appear

...

  1. .

...

8. If you navigate back to your course homepage, you should be able to see that your module’s image has been updated.

...

Filter by label (Content by label)
type
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@82d
showSpacefalse
sortmodified
showSpacetypefalsepage
reversetruepage
labelskb-how-to-article
cqllabel = in ( "kb-how-to-article" , "Image" ) and type = "page" and space = "AN"