Embed Image in Canvas Quiz: Step-by-Step Guide

Embedding images in a Canvas quiz can significantly enhance the user experience and make your assessments more engaging. Here's a step-by-step guide on how to achieve this.

Before we dive into the process, ensure you have the image file (.png, .jpg, .gif) ready and that it's appropriately sized to fit within your quiz. Now, let's get started.

Uploading the Image to Canvas

Before you can embed an image in your quiz, you need to upload it to Canvas. Here's how:

1. Navigate to the course where you want to add the image. Click on 'Files' in the course navigation menu.

2. Click on the 'Upload' button, select the image file from your computer, and click 'Upload'.

Adding the Image to the Quiz

Once the image is uploaded, you can now embed it into your quiz. Here's how:

1. Navigate to the quiz where you want to add the image. Click on the 'Edit' button.

2. Click on the 'Questions' tab. Here, you can add a new question or edit an existing one.

Embedding the Image in the Question

Now, let's embed the image into the question. Here's how:

1. In the 'Question Text' field, place your cursor where you want the image to appear.

2. Click on the 'Moodle icon' (a small square with a 'T' inside) in the text editor toolbar. This will open the 'Moodle URL' dialog box.

3. In the 'URL' field, type in the image's URL. You can find this by right-clicking on the image in the 'Files' section and selecting 'Copy link'.

4. In the 'Link text' field, you can add a description for the image. This is optional.

5. Click 'OK' to embed the image. You should now see a small thumbnail of the image in the 'Question Text' field.

Formatting the Image

After embedding the image, you might want to format it to fit your quiz's design. Here's how:

1. Click on the image thumbnail in the 'Question Text' field to select it.

2. Use the formatting options in the text editor toolbar to resize, align, or add a border to the image.

Resizing the Image

To resize the image, follow these steps:

1. Click on the image thumbnail to select it.

2. Click on the 'Resize' icon (a small square with arrows pointing to its corners) in the text editor toolbar.

3. Enter the desired width and height in pixels. Make sure to maintain the aspect ratio to avoid distorting the image.

Aligning the Image

To align the image, follow these steps:

1. Click on the image thumbnail to select it.

2. Click on the alignment icon (left, center, right) in the text editor toolbar to align the image accordingly.

That's it! You've successfully embedded an image in your Canvas quiz. This can help make your assessments more interactive and engaging for your students. Happy teaching!