Adding an image to page (Old Editor)

Adding a new image (Old Editor)

  1. Before you add an image to your website, please ensure that:
    1. You have uploaded the image to the Image Manager.
    2. The image's resolution is correct
       
  2. Place your cursor where you want your photo to go.
  3. Click on the  Image icon. (You may have to hold down the shift key if you have a popup blocker preventing the next screen from appearing).
  4. Select the link type from the drop down:
    • URL - Link to an image that is not in your image manager (ie it might be on another website).
    • My Images - Images that you have uploaded to the Image Manager.
  5. If you have selected My Images, you need to select the image that you want to include into the page. This list of images is from your Image and File Manager. On selecting an image, you will notice it appearing in the Preview box. This box is a preview of how the text will format around your image as you change display settings.
  6. Give the image some "Alt Text" by filling in theAlternative Text field. This helps with optimisation and ensures that anyone that has images in their browser turned off can still read what image was meant to be there (this especially applies to visually impaired people).
  7. You can now make changes to the image's appearance by changing the following fields:
    • Width - Specify the width of the image in pixels (if you do not know how big a pixel is, you will see a preview of the image in the "Preview" box).
    • Height - Image's height. If you have changed the image's width, the height will automatically change to keep the aspect ratio.
    • Border - This is automatically set to 0 pixels. However if you wish, you can add a border to your image by increase the border thickness.
    • HSpace - The horizontal padding between the text and the image - the greater the number, the further the distance betwen the text and the image.
    • VSpace - The vertical padding between the text and the image.
    • Alignment - Alignment of text in relation to the image.
  8. Click OK to save your changes and add the image in the page.

Changing an image (Old Editor)

  1. Right Click on the image you want to change.
  2. Select Image Properties.
  3. This will take you to the interface as described above.
  4. When you have finished making your changes click OK.
Last Modified: 14 September 2022
In This Article