How to add an Image content type

Use images when they give useful additional context or information. Don’t use them just to fill up space. Remember that bandwidth for mobile devices is generally more expensive, and images may take longer to download.

Images should relate directly to the page and its contents. For example, a picture of a computer keyboard on a page about online services is probably not useful. Whereas a picture of a new state-of-the-art learning space when it is opened is probably useful to users.

You can use any image that is already in the media library. If an image that you want to use is not already in the media library, use the Upload’ button to add it

  1. From the Actions dropdown menu beside the section you are editing, select Create Content
  2. Select the Image content type
  3. In the Name field, enter a name for the image. This will not be displayed on the published page
  4. If an image that you want to use IS already in the Media Library, click the Select media button to choose that image
  5. OR if an image that you want to use IS NOT already in the Media Library, click the Upload button to add it to the content type and to the Media Library
    1. The ‘UC Image Cropper window will appear
    2. Click the Import Image button, browse to and select the image you want to use from your computer. The image will load and display in the Cropper Window
    3. Select the appropriate Aspect Ratio (By default, 3:2 is selected, mouse over the different aspect ratios to help you decide which to choose)
    4. Move and resize the Crop Area as needed. The Preview window on the right shows the cropped area only. The Width and Height text box shows the dimension of the cropped area. Please make sure that the Width is NOT less than 1050px
    5. Add a Name. It should provide information about the image, be relevant, short, catchy and concise. This is important as the name is also used for alt text to provide information about images to users with visual impairments, people using screen readers and those who have low-bandwidth connections
    6. Add a Description. The description element is used to store copyright and licensing information for media files.
      1. Images sourced externally: for example from stock image libraries, you should check the copyright notice instructions on their website to make sure you are using the correct format, for example, © or Nickname of the contributor
      2. Internal images created by UC: On images created by staff or images created by photographers or agencies that the University has paid for use © Restricted/University of Canterbury
    7. Add Keywords. Add synonyms, for example, both sofa and couch, or boy, male child, child, childhood and kid. Make sure that you are precisely describing the picture. Adding keywords to images makes it easy to find a particular image in the future and increases search engine optimisation
    8. Select the image Location. This is where your image will be saved in the Media Library
    9. Click the Upload to Media Library button
    10. A thumbnail of your image will be displayed beside the Upload button
  6. Preview to make sure you are happy with the result
  7. Click Save changes to save or ‘Save and Approve’ to publish