Resize Banner Images

When adding a custom banner image to a page, the image ratio and size can impact the usability of your page.

In general, your banner image should be 1100 pixels by 330 pixels. If your banner image is too large, students will need to scroll extensively to reach the actionable material on the page. If you have configured your page to have a Navigation Block such as the one above, an image that is too small will cause your page content to overlap with the Navigation Block.

Tutorial

In the tutorial below, you can see how to use the Embed/Upload Images tool to resize your images within Canvas! Note: the tutorials are best viewed in full-screen.

11 STEPS

1. Scroll and click the bottom of the page. You will know you have the right spot if it says Image Options

Step 1 image

2. Click the plug icon

Step 2 image

3. Click Upload / Embed Image. You might need to find it by clicking View All

Step 3 image

4. Click Computer or wherever you want to get the image from

Step 4 image

5. Click Crop Image

Step 5 image

6. Click Image Ratio

Step 6 image

7. Click 10:3

Step 7 image

8. Click Crop Image

Step 8 image

9. Click Upload and Embed

Step 9 image

10. Scroll up and click Save

Step 10 image

11. That's it. You're done. It will look like it is too big on the Edit screen but once you save it is the correct size!

Step 11 image

Here's an interactive tutorial

** Best experienced in Full Screen (click the icon in the top right corner before you begin) **

https://www.iorad.com/player/2005135/Resize-an-Image-for-Unit-Hub-Header