Adding Images

To add an image to a page:

You can also drag an image file directly into the main text area of the editor. However this not recommended because the image will be given a numeric name, and not the name of the file it came from. If you have done this, you can rename any image via the "Insert Image" button mentioned earlier: click on the image, edit the name and click SAVE. Images can be deleted via the same screen using the dustbin icon.

Please try to use sensible names for your images so that they are easier to manage.

The default markdown code put the image left aligned and makes it 'clickable'.

If you prefer not to have the image open with a click, then you can simplify the markdown to ![alt-text](IMAGE-URL-HERE) - where the 'alt-text' can be a description of the image (for people with visual impairments who use screenreaders)

If you want the image to be centred on the page, then you can use a bit of html instead
<p style="text-align:center"><img src="IMAGE-URL-HERE" alt="ALT-TEXT-HERE"></p>

The XR Global Media Library has images that can be downloaded at the right resolution.

If adding from another source, it is important to ensure that all images are used legally.


Revision #10
Created 20 February 2021 09:19:52 by Charles Wicksteed
Updated 3 June 2025 17:49:32 by Leah - RT Proofreader