On this page:
How to upload and place images in topics, then resize them and change their layout on the page. Also where to find image editor applications.
As Alice (in Wonderland) wisely observed "What is the use of a book, without pictures or conversations?". We recommend you use images wherever you can in Moodle (we will add the conversations another time…) to make your online material more visually engaging.
Turn editing on and edit the type of page element (Topic summary, label, page etc) where you will get a text editor
Decide where you want to place your image (roughly) and click on the Insert/edit image icon in the toolbar
Banners help to make pages distinctive, orientate students in Moodle spaces which can look fairly samey, and set scenes or moods. Below are instructions for a horizontal image across the top of a section which reaches to the edge of the section, resizes with the window, and doesn't have an ugly scrollbar:
|For this, you need to go into your profile and enable the TinyMCE editor (it's a great text editor - many extra functions for tables, for example - but not currently our default in Moodle).|
First find an image. Solvonauts, Flickr Creative Commons search and Wikimedia Commons are good places to look. The image you find may need to be cropped - its dimensions should be 1600px (if it's much narrower it may not reach to the edges of some screens) and its height is up to you (but the lower the better in terms of page load times). In terms of file size aim for under 100Kb, ideally around 40Kb - every extra kilobyte contributes to page load times and this can make a difference on slow connections.
Next choose the place to insert the image. The top of a Section, or a Label, often work well.