Coronavirus (Covid-19): Latest updates and information
Skip to main content Skip to navigation

Add an image using the editing toolbar

This guide explains how editing staff and participating students add images to editable content regions from a computer or mobile device.

Editors can add images to any activity, resource, block or section within Moodle which has an editable content box (accessed using the edit option and identified by the presence of the atto editing toolbar).

Non-editing staff and students can add images to content boxes within specific activity types e.g. when adding a forum post, adding or editing a wiki entry, or adding a new record to a database.

In this guide, how to:

Add an image from your computer

Add an image using a URL

Add an image using a mobile device

In each case, non-editors, who will be adding content only to existing activities, start at step 3.*

Add an image from your computer

  1. Turn on editing.
  2. Click on the edit link next to the activity or section and then edit settings / edit section as appropriate.
  3. *Click on the 'add or insert image' button on the toolbar. The image properties window opens.
  4. Click on the 'Browse repositories' button at the top right to open the file picker.
  5. Click on 'Upload a file', the 3rd option in the list of links on the left hand side.
  6. Click the 'Browse...' button.
  7. Locate the image file on your computer and click 'Open'. The file name will appear next to the browse button.
  8. Click on 'Upload this file'
  9. Give the image an accessible description or check the 'Description not necessary' checkbox if this is a decorative image.
  10. Optional: Set the size and alignment of the image.
  11. Click 'Save image' to insert the image into the editable region.

Add an image using a URL

  1. Turn on editing.
  2. Click on the edit link or cog next to the activity or section and then edit settings / edit section as appropriate.
  3. *Click on the 'add or insert image' button on the toolbar. The image properties window opens.
  4. Paste in the image URL into the 'Enter URL' field and click anywhere on the screen below this.
  5. Give the image an accessible description or check the 'Description not necessary' checkbox if this is a decorative image.
  6. Optional: Set the size and alignment of the image.
  7. Click 'Save image' to insert the image into the editable region.

Add an image using a mobile device

  1. Turn on editing.
  2. Click on the edit link or cog next to the activity or section and then edit settings/edit section as appropriate.
  3. *Click on the 'add or insert image' button on the toolbar. The image properties window opens.
  4. Click on the 'Browse repositories' button at the top right to open the file picker.
  5. Click on 'Upload a file', the 3rd option in the list of links on the left-hand side.
  6. Depending on your device type, this will present the option to take a photo or video, or use the devices file program to browse the storage.
  7. Choose the appropriate option and you are returned to the image properties window.
  8. Click on 'Upload this file'
  9. Give the image an accessible description or check the 'Description not necessary' checkbox if this is a decorative image.
  10. Optional: Set the size and alignment of the image.
  11. Click 'Save image' to insert the image into the editable region.

This video from Moodle also demonstrates how editors can add images by dragging and dropping them onto the course space and content boxes.

The information on this page relates to Moodle 3.6 and was last updated January 2020.

Contents

Filter by tool, task or content