Adding Images to Pages

You're the Artist, and Pages Are Your Canvas!

Pages allow you to present a variety of course materials, including videos, presentations, images, and text, to students. They're also a blank canvas for you to display your design skills!

Adding Images to Pages

We recommend two methods for adding images to pages in Canvas:

• Upload images to Canvas and embed them using the Rich Content Editor 
• Locate images using Canvas's Flickr Creative Commons tool

You can also embed images from the web in Canvas, but we don't recommend this method because if the URL for the image you're using changes, the image will no longer display in your Canvas page. 

Need a refresher on how Pages work in Canvas? Check out Canvas's Pages Links to an external site. guides. 

Method 1: Uploading Images to Canvas 

To upload an image to Canvas and embed it in a Page:

1. Open the Page where you'd like the image to live
2. On the "Insert Content into the Page" menu on the right-hand side of the screen, select "Images." (If you are working on a small screen, the "Insert Content into the Page" menu may appear below the Rich Content Editor.) 
3. Select "Upload a new image"
4. Browse your computer to locate and select the image
5. Click "Upload"

To resize the image, select it with your cursor. You can either use the resizing boxes in the corner of the image or click on the Embed Image tool in the Rich Content Editor, then

To add alt text, select the image, then click on the Embed Image tool in the Rich Content Editor. In the "Alt Text" box, enter a brief description of the image. 

The following screencast demonstrates how to upload an image from your computer to Canvas.  

Source: Uploading Images to Canvas Links to an external site.

The Canvas guide illustrates another method for embedding previously uploaded images into the Rich Content Editor Links to an external site..  

Method 2: Add Images Using Canvas's Flickr/Creative Commons Tool

You can also search Flickr for Creative Commons images directly from Canvas. To do so,

1. Open the page where you'd like the image to live 
2. Click the Embed Image tool in the Rich Content Editor
3. Select the Flickr tab
4. Enter your search terms
5. Browse images until you find one you like; you can also enter new search terms
6. Select the image that best suits your needs
7. Add descriptive alt text 
8. Resize the image (if necessary)

Source: Using Flickr in Canvas Links to an external site.

For more information on this process, consult How do I embed images from Flickr Creative Commons in the Rich Content Editor? Links to an external site. 

---

This training resource was developed by April Pelt Links to an external site. for Clemson Online Links to an external site.. Please feel free to share these materials with your colleagues.

Image credits: Blank Canvas courtesy of Flickr user Rishi S Links to an external site.. via a CC BY-NC-ND 2.0 licence.