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? Have the image already to upload/add on your computer. If you need to find the image, or to take a screenshot of the image, do that first. 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 3 below.

Where can I find free images that may or may not need citing? 

Example of an image in the description area of an activity:

image.png

Step-by-step "how to" 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:

image.png

3. click to Find or upload an image and click Insert:

image.png

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

5image.png. Choose File (Browse) for your image file and click Upload this file.

6. Fill in the Author.

7. Choose the License, if you know it.

8. Click Upload this file.




9. 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 "")
image.png

10. Click on the Appearance tab. 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 and the image. Follow the letters on the screenshot below:

a. Alignment on the page where you are adding the image.
b. Choose the dimensions of the image as you want it to show on the page.
c. Horizontal spacing at 20 will allow about 1/2 inch
d. Click Insert.

image.png

These steps will get you back to the Appearance settings.
If you want to make changes begin appearance of an images after inserting, edit the settings of the label/page where the image is located. Click on the image to select it, click on the image tool (or right click on the image and choose edit image from the drop down menu.

See information on changing Text Editor Toolbar Preferences

See more information in this Moodle Doc About Images