UCL Logo

UCL Moodle Guides


Moodle Resource Centre - home

General links

Moodle Home
E-Learning services for staff
Quickscan Dyslexia Screening Tool

Moodle Resources

Page tree

Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.


  1. Ensure editing is turned on and click on the small hand icon for a topic or label.
  2. The Moodle Editor appears.
  3. Decide where you want to place your image (roughly) and click on the picture icon in the toolbar.
  4. The Insert/edit Image window appears.

  1. Click on *Find or upload an image...*

    Image Added

  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  


  1. 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.
  2. There are some other options on the Insert/edit Image window so while your image is selected, click on the picture icon again.
  3. 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
  4. The Advanced tab allows images that change when you 'mouse over', something to try later!
  5. Click on Update then Save Changes in the Editor