Versions Compared

Key

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

Relevant to Moodle 3.4 from September 2018 onwards

Excerpt
hiddentrue

This guide will show you how to add images, which can be used to give a look and feel to your module page, by adding them to labels directly on the page.

You can also add images to HTML blocks, web pages and descriptions within Moodle.

You might also want to upload a picture to your profile.


In most places where an An image can be inserted you will see the Moodle formatting bar.

Image Removed

Minimum steps

1.Click on the Insert image icon

2.Click on "browse repositories" button. 

added where ever you are using an activity and resource in Moodle that has access to the text editor. In the text editor press the image icon button. 

Image Added

A pop up window will appear, press the Browse repositories... button. 

Image Added

Use the file picker on the left-had panel 3.Use File picker to select an existing image or upload press Upload a file and then press Choose File to select a new one by clicking 'choose file'. Once you have chosen an image, click 'upload added a new image press the Upload this file' button.

Image RemovedImage Added

4. The file will now appear in the "image Image properties" preview window5. Next put in Enter a short image description (alternative text) which will appear when the student moves their mouse over the image.

6. Click 'save image'. You have done the minimum and you will then return text editor tool.

Image Removed

Resizing an image

If you want It is possible to resize the image , click on the image to select it in the content window. Click again on the Insert/edit image tool.

In the window that opens, you'll see an option to adjust the size of the image. By keeping 'auto size' box ticked, the image will stay in proportion relative to the height or width adjustment made. Make adjustments to the numbers of pixels in the boxes. Click save image once you are happy with the size.

...

by entering a new value within Size.If the Auto size check box is ticked it will maintain the aspect ratio. It is also possible to alignment where the image is placed by pressing on the Alignment drop down menu and selecting an option. 

Press the Save image button to return to the text editor.

Image Added


Similar tutorials

The following other resources are also relevant to this topic:

...