As Alice (in Wonderland) wisely observed "What is the use of a book, without pictures or conversations?". We recommend you use images wherever you can in Moodle (we will add the conversations another time…) to make your online material more visually engaging. Adding images in Moodle is a two-stage process; loading the image file into Moodle, then linking to it. This is essentially the same process whenever you link to files in Moodle and is easy to do.

  1. Turn editing on and edit a page element where you get text editor (Topic summary, label, page etc)
  2. Decide where you want to place your image (roughly) and click on the picture icon in the toolbar
  3. The Insert/edit Image window appears
  1. Click on Find or upload an image...
  2. You will see the File picker we saw in Miniguide M203 appears.
  3. Use this to select a file as before, the image should now be displayed.
  4. Add an Image description (this is to make it accessible to visually impaired users, so making the description meaningful  
  5. To resize your image click on it and eight little boxes (handles) appear round the edge. Use the corner handles to resize the image, not the side ones which will only distort your image.
  6. There are some other options on the Insert/edit Image window so while your image is selected, click on the picture icon again.
  7. The Appearance tab lets you change Alignment and add some white space around the image - Vertical and Horizontal, described in pixels – try 5 or 10
  8. The Advanced tab allows images that change when you 'mouse over', something to try later!
  9. Click on Update then Save Changes in the Editor