Canvas: Add a Banner to a Course Site

Summary

How to add a banner to a Canvas course site.

Body

If you are using either the Syllabus or a Content Page as your course Home page, then you can add a course banner.

You will use the content selector to insert graphics and images into your course content. Here's how:

  1. Enter your Canvas course site.
  2. In the Course Navigation menu, select the Home link.
  3. Click on the Edit button (there will only be an Edit button if your Home Page is set to be the Syllabus tool or a Content Page).
  4. In the Rich Content Editor, put your cursor where you want to insert the image.
  5. On the Content Selector, click the Images button: Images button in Canvas
  6. Choose Upload Image from the Images drop-down menu.
  7. Drag and drop the chosen image to the Upload Image overlay; you can also click the Upload Image overlay to browser for the file on your computer.
  8. Click on the Submit button - your image should now appear in the Rich Content Editor.
  9. Select the image in the Rich Content Editor and chose Image Options; enter appropriate alternative text for accessibility.
  10. Be sure save your changes:
    • If you are using the Syllabus tool, click on the Update Syllabus button at the bottom of the page.
    • If you are using a Page, click on the Save button at the bottom of the page.

Image Considerations:

  • Accepted banner images include JPG, JPEG, and PNG files.
  • The image should be no larger than 700 pixels wide and 200 pixels high.
  • Very large images are not recommended; at best they can be disorienting and at worse they can be an impediment.
  • Images that are much wider horizontally than they are tall tend to work best for course site banners.

Details

Details

Article ID: 118393
Created
Thu 10/15/20 9:43 AM
Modified
Mon 12/1/25 12:17 PM
Environment
Canvas