Include Page Training_Page_Header Training_Page_Header
This refers to Moodle 4.1 from December 2023 onwards
| Excerpt | ||
|---|---|---|
| ||
This guide will show you how to add images, which can be used to give a which can be used to give a look and feel to your module page, by adding them to labels a label 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.
1.Click on the Insert image icon
2.Click on "browse repositories" button.
added wherever you are using a label box in Moodle that has access to the text editor.
You will then be able to see and click on the Insert or edit image icon.
2. A pop up window will appear, press the Browse repositories... button.
3. Use the File picker on the left-had panel
...
to select an existing image or
...
press Upload a file and then press 'Choose File' to select a new one
...
. Once you have
...
added a new image press the 'Upload this file' button.
4.
The file will now appear in the
...
Image properties
...
preview window.
...
4. Enter a short image description (alternative text)
...
in the "Describe this image for someone who cannot see it". This 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.
If you want 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.
5. It is possible to resize the image by entering a new value within "Size". If the "Auto size" check box is ticked it will maintain the aspect ratio.
6. It is also possible to alignment where the image is placed by pressing on the "Alignment" drop down menu and selecting an option.
7. Press the Save image button to return to the text editor.
The following other resources are also relevant to this topic:
...
