How to add an image to a page

Let's say that you wish to add an image to a section within an article. To do this, you would do the following:

1. If you wish your image to go on it's own line, then make a double line space for it and leave your typing cursor in that gap. Alternatively, if you wish the image to be left or right aligned within the text, then place the typing cursor where you wish it to be placed. This will help the image editor place the image in the correct place. 

2. Click on the image icon:

Image Icon

3. This will open the 'Image Properties' box. Click on 'Browse Server':

Browse server

4. This will open up the File Browser window. Click on 'Upload' and then use 'Choose File' to select the right image from your computer's hard-drive. 

5. When you click 'Upload', the image will upload to the server and appear in the File Browser. Here you will see a list of all the images that you have ever uploaded (hence why it might look a bit empty at the moment) - so you could upload multiple files to this window and then insert them one by one, or select images that you have previously uploaded. For now, you want to select the image that you have just uploaded and double click on it to select the image:

Select image

6. This will close the pop up window and insert your image into your 'Image Properties' box. Here you can tweak the image - for example, amending the width of it (if it's a large image then you may wish to resize it) or left/right align it. We recommend adding Alternative Text; this is what appears in screen readers to visually impaired people, or if the image doesn't load (for example on very slow internet connections). It is also very helpful for search engines to identify and categorise your images and help drive traffic to the site. Therefore a descriptive caption in the Alternative Text box is very helpful. You could also select 'Captioned Image' to add a caption:

This is my alternative text

7. Finally, select 'OK' and this will insert your image into your page.

Explore the Adaptation Layer

View climate adaptation projects plotted on a global map, browsable by theme or network. Find out who is doing what, and where, alongside climate station data.

Explore the Map