How can I embed images from Canvas into the Rich Content Editor?

Open the Rich Content Editor

Open the Rich Content Editor

Open the Rich Content Editor using one of the Canvas features which support the Editor.

Choose Picture Icon

Choose Picture Icon

Click the Picture icon.

Select Canvas Tab

Select Canvas Tab

Click the Canvas tab.

Open Course or Personal Files

Open Course or Personal Files

You can choose to embed images from Course files [1] or your personal files [2]. Images in course files will only appear if your instructor has made them public to all users in the course.

Note: You need to upload your personal files into Canvas before they can be embedded. You can learn how to upload personal files in the lesson about adding files.

Select Image and Verify Attributes

Select Image and Verify Attributes

Click the image you wish to embed [1].

The Attributes field will populate the Alt text [2], which is the name of the image, along with the image's default dimensions [3]. Dimensions are referenced in pixels, width x height.

Change Attributes Alt Text

Change Attributes Alt Text

To change the Alt text, type the new text in the text field.

Change Attributes Image Dimensions

Change Attributes Image Dimensions

To change the image dimensions, type in the number of pixels you would like for the new image width [1]. Then click the tab key on your computer keyboard. Since Canvas maintains the aspect ratio of your image, the entry for the image height will be changed automatically [2].

Embed Image

Embed Image

Click the Update button.

Note: As a future shortcut, if you do not need to change any of your image's attributes, locate your image and simply double click the name of your image. The image will be embedded directly to your post.

View Embedded Image

View your embedded image in the Rich Content Editor.

Edit Embedded Image

If you need to edit your embedded image, click the image [1], then click the Picture icon [2]. The insert/embed window will appear to make changes.

You can also use the handles around the image to visually change the image size [3]. To do this, click the image, then hover over one of the white bounding boxes until your cursor becomes an arrow. Drag and resize the image. Please note that the image will always retain its aspect ratio as to not become distorted.

Lesson Feedback (Optional) (0)

Please let us know if any information in this lesson appears to be incorrect in terms of Canvas functionality only (please do not submit feature requests here). This is not a help site, and submitted comments cannot be answered. If your Canvas course/account is having trouble completing any of the tasks outlined in this lesson, please contact Canvas Support by submitting a HELP TICKET via the Help Link within Canvas or emailing support@instructure.com. Thank you.

E-Mail me if a reply is posted