Skip to main content

Moodle: Insert an Image

Often you can copy and paste an image into a Moodle topic, page, forum, etc. If you want to add an image by using the editor in Moodle, follow the Step-by step guide below.

Do you have the image? you might have the image already on your computer or you might need to find the image, or maybe you need to take a screenshot of the image. If you have an image follow the steps. If you need to find or create an image, first save the image by right clicking on the image and choosing Save as Image (or picture). Or use the Snipping Tool on your computer to take a picture of the image. Note where you saved the image so you can find it in Step 2 below.

Step-by-step guide

1. If you are using the Legacy Tiny MCE editor shown below, turn on all of the rows by clicking on the top left icon-the Toolbar Toggle (If your editor looks different from the one below, you are probably using the Atto editor.)

2. Click on the Insert/Edit image tool in the editor:

3. click to Find or upload an image:

4. Choose Upload a file in the File Picker window.

5. Browse for your image file and click Upload this file.


6. On the General tab, give the image a descriptive name in the Image Description space. (Or if the image is not important to the content of the course add double quotes "")

7. Lastly click INSERT and you're done!

Change the Appearance of an Image in Moodle

Your image may be too large, or you might want it to be aligned on the left or right of the text or leave some space between text or bullets. If so, edit the settings of the label/page where the image is located.

  1. Select the image and click on the image icon on the toolbar (Step #2 above)
  2. Click on the Appearance tab and follow the numbers on the screenshot below. Then click Update. If you want to make changes begin Change the Appearance again until you are satisfied with the look.

See more information on changing Text Editor Toolbar Preferences