Working with images in your course

Template Notes Working with Images in your course

Instructions

Canvas allows you to upload and embed images into the content of your course, and then style them using the Design Plus menu.

Adding and Customizing Images

To add an image follow the below steps. 

Step 1: Edit the Page

  • Create the new item by clicking the +Page. If it's an existing page click the Edit button. Both are in the upper right corner of the screen. 

+Page.png

Edit.png

 

Step 2: Launch the Upload/Embed Image tools

NOTE: Before you proceed be sure your cursor is in the spot you'd like your image to go.

  1. Click the blue V in the rich content editor at the top of the page
  2. Select the Upload/Embed Image tool from the menu

Upload menu.png

 

Step 3: Select and Crop your Image

  1. Choose the image from your computer you would like to add to your course
  2. Drag the corners of the blue box crop portions of the photo you don't want to include
  3. Select the blue Crop Image button 

Crop image.png

 

Step 4: Title and Embed your Image

  1. Rename the file (optional)
  2. Select the Upload and Embed button to insert the image into your course. 

 

Embed.png

 

Step 5: Launch Design Plus

  • Mouse over the little rocket in the far upper right corner of the screen. When it expands, click on it. 

Rocket.png

Open DT.png

 

Step 6: Customize your Image

NOTE: Be sure the newly inserted image on your page is selected 

  1. Click on Customize the Style
  2. Select the Current Element Style dropdown menu
  3. Select the options you'd like to use to customize the look of your image

Customize image.png

Replacing your Homepage Banner

Follow the below steps to replace your Banner with another stock banner image

Step 1: Edit the Homepage

  •  Navigate to your course home page and click the Edit button in the upper right corner of the screen. 

Edit.png

 

Step 2: Launch Design Plus

  • Mouse over the little rocket in the far upper right corner of the screen. When it expands, click on it. 

Rocket.png

Open DT.png

 

Step 3: Choose a New Banner

  1. Click Create/Edit Content in the menu
  2. Click Choose a Banner Image from the menu
  3. Scroll down to Course Front Page Banners and select the Banner Image you'd like to replace yours with. 

NOTE: More stock options will be added to provide more options. 

New Banner2