DesignPLUS Upload/Embed Image Tool

Upload/Embed Image Tool

This tool is part of DesignPLUS

    About the Upload/Embed Image Tool

    The Upload/Embed Image tool is one of the three tools that are part of the DesignPLUS package. You can use this tool anywhere the Canvas Rich Content Editor (RCE) is available. This tool allows you to easily crop, resize, and rotate an image.

    The Upload/Embed Image tool can be found on the Canvas RCE two ways.

    Option 1

    On the RCE, click Upload/Embed Image. Notice in the image below that the Upload/Embed Image button is just before the Panopto button.

    the rich content editor with focus on the upload/embed image button

    Option 2

    You can also access Upload/Embed Image on the RCE by clicking Apps  and then select Upload / Embed Image.

    External apps list showing the Upload/Embed Image app

    Image Sources

    The Upload/Embed Image tool allows you to use images from the following sources:

    Computer - Any images saved on your computer. See Multimedia Resources for some suggests on how you can create or obtain your own images.

    Canvas - Any images stored in the Course Files or your Canvas user account Files

    Unsplash.com - Search for images from Unsplash Links to an external site..

    Pexels.com - Search for images from Pexels Links to an external site..

    Public URL - Enter a URL (web address) of an image that is posted on a public site such as a blog, Pixabay, or a public domain image website.

    Example of What You Can Do with the Upload/Embed Image Tool

    Here is an example of what you can do with the Upload/Embed Image tool. Notice the difference between the original image and what the image ends up looking like on a Canvas page.

    1. The image on the left is the original image. I found the image on Pexels by using the search word: study.
    2. The image in the middle shows what my image looked like after using the Upload/Embed Image tool to crop out the background. I just wanted to focus on the person reading the book so I cut out the library shelves on the side, the floor in the front, and the ceiling at the top. You can still see some people in the background (top right). I have an idea how to cut this part out. 
    3. The image on the right shows the end result. I used the Design Tools Image Style to get the oval shape. This helped to cut out the two people that were in the background. Now the image focuses on just the person reading and the book.

    Person reading a book. Background shows people, book shelves, floor, and ceiling.       Person reading a book. Background shows book shelves and 2 people.        oval shaped image showing only a person reading a book.

    A Few Things to Consider

    Here are a few things to keep in mind with the Upload/Embed Image Tool:

    • This tool is available anywhere the RCE (Rich Content Editor) is available. For example, when you edit a Canvas page, assignment, quiz, discussion, or announcement.
    • If the image is being used as a Design Tools banner image, the image size should be 1,100 pixels wide and 330 pixels high. This is a ratio of 10:3. Images with these dimensions will look the best and fit all Design Tool Themes.
    • If a user has permissions to add files to the course, the image will be added in an images folder in the course files.
    • If a user does not have permissions to add files to the course, the image will be added to an images folder in user files.

    Video Tutorial

    Watch the video below. The video will show how to use the Upload/Embed Image tool to edit images, crop, rotate, resize, zoom in/out, and save. Use the Table of Contents (TOC) menu to jump to the part of the video that is of interest to you.   How to access the TOC menu

    Video: Upload/Embed Image Tool (Total viewing time is 5 minutes 6 seconds)

    Explore on Your Own

    Explore on your own. Go to a page in a development course and use the Upload/Embed Image Tool. Try the following.

    • Try it!

      1. Insert an image using the Upload/Embed Image Tool.
        1. Crop the image
        2. Rotate the image
      2. If you have a Design Tools banner image on a page, try replacing the banner image with one of  your own. Then use the Upload/Embed Image tool to edit your image.