How do I embed images from the web in the Rich Content Editor?

You can use the Rich Content Editor to embed images from the web, or images previously uploaded into Canvas, or images found on Flickr. You can also add alt tags to your images for better accessibility.

The Rich Content Editor is used in features that support the editor (Announcements, Assignments, Discussions, Pages, Quizzes, or Syllabus).

Note: If you want to embed an image not already uploaded into Canvas, you can upload your image through the Content Selector.

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.

Open Image

Open Image

Click the Image icon.

Embed External Image

Embed External Image

Paste or type in the URL of the image you want to embed [1].

The Alt text field [2] will populate the name of the image. However, for better accessibility, change the Alt text to an alternate description that describes the image. The image's default dimensions will automatically populate the Dimensions [3]. Dimensions are referenced in pixels, width x height.

Note: If you want to include an image title, which will appear when a user hovers over the image, embed the image and then switch to the HTML Editor. Title tags must be manually added to the HTML code.

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 Embedded Image

View your embedded image in the Rich Content Editor.

Edit Embedded Image

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.

Note: The Rich Content Editor does not support image cropping.