Focus on Quality

High Resolution, quality images are a must. They don’t need to be very large files. If the files size is too small, it won’t display well on smaller screens, so keep this in mind.

It’s always a good idea to look at the image on your largest monitor and on your phone to see how it will display on each.

Show rather than tell

In larger format images, like on the homepage, it’s great to use images of your venues, classes or student engaging in your training. This is a great way to give potenital students an insider view of what your classes will be like.

Consider the placement and composition

When you’re selecting images for your website template, it’s a good idea to select the image with the specific location in mind. Different compositions work better in different placements. Images with large perspectives tend to work better on the homepage, whereas smaller, more specific compositions are usually better for thumbnails.

Images as navigation

You can use images as navigation points. This is already built into your onCourse template with the thumbnails, ‘Our Course’ or ‘News’ areas. It’s a great way to engage potential students, and you can link these to your document management system to give you easy ‘updates’ on your website.

Use a number of sources for images

If the images are good quality, it doesn’t matter where you get them. You can use images from your training course, or source images from online libruaries, or comnbine the two.

You could have some professional images taken, or use your mobile devises to take your own.

The apples store even has classes to help that will help you take great images with you phone.

Balance resoultion with size

Images are usually taken in very high pixels so they can be made into the needed size later. The files size is displated in kilobites (KB), Megabites (MB) or Gigabites (GB).

The higher the resolution, the larger the image. Higher Resoultions means larger file sizes, so it’s always a good practice to resize the image to the correct pixel size before you add it. Generally you’ll aim for MB rather than GB for a large image, like the homepage image.

This is important because the biggest the images size, the longer it takes to load on a webiste. Particulalry on mobile devices that may not have great internet connections.

Northern Inland Community Colleges has used images on their tempaltes site very effectivley , including the size, scale, subject matter and colours to make their templates their own.

Slider images

Slider images in onCourse templates are responsive, which means they will adjust to fit the size of the potential student’s devices. For this reason, it’s improtant to make sure they are the correct pixel size. Generally, these images have the most impact and largest scope of view.

Examples could be

  • For Art Classes, use a picture of the whole class engaged in art making
  • For

Aim for images that are include a fair amount of detail and contrast, like a panroama or . Usually, images with a number of object are more successful, as they give more for the eye to focus on. This an image of the entire pottery class, rather than one example of a work.

Tile Images

These are the images used on the homepage navigation like the ‘Our Courses’ or ‘Upcomnig CLasses’ sections, depending on the onCourse tempalte you selected.


Getting the right sizing on your thumbnail is important. Your thumbnail sizing is something you can adjust realtively easily, so it worth considering what shape and size you want to use. The standard shape for thumbnails is a square.

It’s best if there is a single ‘topic’ in a thumbnail image - a single person, or an example of a student’s work.