Skip to main content
How to add an image or slideshow

Course authors can insert images into a page to create engaging visual learning content

Caitlin Foran avatar
Written by Caitlin Foran
Updated over a week ago

Authors can add an image to a page to create engaging learning content.

Adding multiple images creates a slideshow with arrows to get to the next/previous image.

Screenshot of slideshow with arrows either side of the image to indicate you can click to get to the previous/next image

How to add an image to a page

To add an image or slideshow, head to the page in your course you'd like to add the image and:

  1. Select + then Images.

    Screenshot highlighting the option to add an element to a page (+) and the images item that pops up when you select the +

  2. Select Add images and choose where you'd like to upload your images from (images can be jpg, png, or gif).

  3. When you've chosen your image(s), you can Edit or Upload more. Then, when you're happy with your images, select Upload.

  4. When the image(s) have uploaded, you can select an image to add a Caption, Alt-text, and Attribution. You'll see which image you're writing for because it will have the green highlight around it.

    Screenshot showing image upload element with a thumbnail of the image and fields for Caption, Alt-text, and Copyright.

  5. Under Options you can choose to Show image titles.

How images resize in a page

iQualify is a responsive platform which means we need to be able to automatically resize images based on people's different screen sizes. So, we have made some layout restrictions to make sure things look work no matter what device users are on.

We've compiled a list of Frequently asked questions on images so check this out if you're looking for answers to things like - What are these bars on the side of my image?
​ 

For those who aren't looking for full or technical explanations... here are some of our top tips for getting great looking images in iQualify:

  • Use "landscape" images - ones that are wider than they are tall.

  • Try to use images with a minimum height of 8cm - 16cm (around 300px - 600px).

  • If you want to fill the whole width (no infill side bars), use an image width of at least 2080px. Or, if that would make an image too large or tall... try either filling the edges with white or combining images to make collage like the one below (if illustrative stock photo type images). Using multiple images also has the benefit of being able to communicate more and/or reach more people through diversity of images.

Options for editing your images

If you're looking for a free, easy-to-use way to edit images - you might try BeFunky, Pixlr x, or Adobe Express.

Or, if you're already familiar with Powerpoint, Google slides or google draw those options might be a quick way to work without spending time learning new software. 

Did this answer your question?