Our colleague Leigh Cotnoir has taken the time to share her collected wisdom (and a collection of wonderful resources she has created) to help all of us with uploading and optimizing images for display in Canvas posts.
Many thanks to Leigh for sharing! If you wish to respond to Leigh's ideas, you can do so in the Canvas Joyful Tidings discussion that appears below these resources in our PDP Canvas site or you can just respond to this email.
Uploading Images for Inline Display in Canvas Posts
This tutorial aims to assist faculty in navigating Canvas’ current image uploading integration for inline display within posted content areas.
While Canvas makes a myriad of tools, tasks, and content delivery methods very easy to use, it still has a way to go in making image posting more user friendly and intuitive. As a result, I have put together some resources that might help other faculty understand the difference in how different methods of uploading images will display, as well as which image repositories are available from different menu access points. Specifically, the tutorials cover the following questions:
- How can faculty upload their own images so they display within a post (and not as a link)?
- How can faculty upload their own images so they display as text links in a post?
- What is “Alternative Text” and why is it important to write something useful for it?
- How large should my images be (or NOT be) before uploading?
- How can I optimize my images before uploading so that they don’t hog students’ bandwidth?
- How is the process different for students vs. faculty when uploading and posting images for display within content?
- What is the difference between optimizing smaller images before uploading and manually scaling large images down in the Rich Content Editor window?
- What is the difference between “My Files” and “Course Files” and where do these show up?
Lastly, I also have resources on my teaching website to which you can direct your students for free high quality images, video, and audio they (or you) can use. The lists are somewhat comprehensive and generally provide links to the license agreements. Furthermore, this page also discusses copyright issues, royalties, public domain, Creative Commons licenses, Fair Use, and what constitutes “commercial use.” While I am clearly not a lawyer and do not claim any of this to be legal advice, the page provides a single-page overview and additional reading links on these topics and clears up some common myths and misunderstandings surrounding them.
The following video playlist includes four videos:
- 01- Inserting Images Into Canvas - Part A (~12min)
- Creating organization folders for your images
Uploading images into folders from the Content Selector panel
When image file size too large
- 02 - Optimizing Images Using Pixlr Editor or Photoshop (~27min)
- How to use free web image editing tool, Pixlr Editor, to optimize/resize images for web
- How to use Photoshop to optimize/resize images for web
- Understanding how the Canvas content area scales with browser width
- Deciding how large you should make image dimensions prior to upload
- 03 - Inserting Images Into Canvas - Part B (~26min)
- Understanding what should go into "alternative text" for an image and why it's important
- Inserting images for display into the Editor using the Content Selector's "Upload Image" link
- Inserting images for display into the Editor through the "Embed Image" button and how it’s different from the “Upload Image” option
- Setting the "Dimensions" attribute in the “Embed Image” screen
- Manually setting the scale of the image display in the Editor
- Understanding the difference between true image size vs. image display size
- How to insert an image as a text link instead of visually displaying it
- Understanding the difference between "My Files" and "Course Files" and where you can access them
- 04 - Links to Free Media Resources and Copyright Topics (~5min)
Overview of Leigh's Free Media Resources webpage and how you can use it.
<iframe width="640" height="360" src="https://www.youtube.com/embed/videoseries?list=PLk5rbehPv41916C0E4qPuaENkubHBj6hM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
Showing Students how to upload their own images for display within Canvas content areas.
The short video below (2 minutes)shows students what they need to do to make post images that display within the content areas of Canvas posts.
<iframe width="560" height="315" src="https://www.youtube.com/embed/gzyV2I-fORE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
Bringer of Joyful Tidings
Prince of Pedagogical Playfulness (P3)
the artist formerly known as gym sullivan