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

From the Actionsdropdown menu beside the section you are editing, select Create Content

Select the Image content type

In the Name field, enter a name for the image. This will not be displayed on the published page

If an image that you want to use IS already in the Media Library, click the Select media button to choose that image

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

The ‘UC Image Cropper’ window will appear

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

Select the appropriate Aspect Ratio (By default, 3:2 is selected, mouse over the different aspect ratios to help you decide which to choose)

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

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

Add a Description. The description element is used to store copyright and licensing information for media files.

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

Select the image Location. This is where your image will be saved in the Media Library