Skip to content

Course images

Summary

Each Ultra site has an optional course image that displays as a banner above the Course Content area and as a thumbnail in the Courses section of the VLE homepage.

Relevant VLE site design principles

  • 2.3 Essential: Design and images adhere to the UoY brand.

Quick Start Guide

Video Steps

Video: Course images in Ultra

Text Steps

Course images need to be at least 1200 × 240 pixels.

To set up your Ultra site's Course Image:

  1. Open your Ultra site and click Edit display settings under Course Image in the left hand menu.
    Clicking Edit display settings in the Details & Actions menu
  2. Click Upload new image.
  3. Select the desired image from the browser.
    Clicking Upload new image and selecting an image from the browser
  4. Position the image as required, adjusting the zoom if necessary.
  5. Click Done.
    Adjusting position, crop and zoom on the new course image and then clicking done
  6. Ensure that the Course Image toggle is set to the On position.
  7. Add a description of the image to the Image description box.
  8. Click Save.
    Ensuring the Course Image toggle is set to on, adding alt text and clicking save

Technical details

Any content that needs to be always visible should be restricted to a 550 × 150 pixel area in the centre of the image, regardless of overall image size - see template below.

You can download this template as a PNG file by right clicking on the image and clicking Save image as.

A template course image sized at 1200 × 240 showing the area that will always be visible

Tip

If you want to use a course image larger than 1200 × 240 pixels, maintain the same 5:1 aspect ratio.

Sourcing images

You must not use copyrighted material when creating your site’s course image.

Images should be high quality; preferably taken by a professional photographer. You can use the University’s photo library to download professional photographs owned by the University.

You can also use Unsplash.com to source copyright-free images.

Download images at a resolution that meets the minimum requirements for Ultra. The Web Image gallery size on the University's photo library meets these requirements.

The university photo library download options menu showing the correct resolution to use when downloading an image to use as a course image