Add images for a course or learning path

Add images for a course or learning path

Intended Audience:  Administrators, Instructors

Summary

As a part of your course settings, upload up to 3 images to represent a course or learning path, and set 1 image as a thumbnail.

Use JPEG or PNG image formats for best results and set image sizes to 600 x 400px. 

For course and learning path images:

·        ratio is 16:9

·        minimum recommended size is 800 x 450 px

You can use Safety Made Simple’s cropping tool to resize large images by double clicking on the image.

Image ratio change: from 3:2 to 16:9

As Safety Made Simple updates its interface to meet customer needs better, the ratio of course images is changing from 3:2 to 16:9.

The 16:9 aspect ratio is the current standard for HD (high definition) video content, and is typical for TVs, laptops, tablets, phones, and computer screens. This ratio fits more image content horizontally, allows room for text, and requires less scrolling on a page.

This change is part of the development of the learner Home, My Learning and Catalog pages.

For existing course and learning path images: Safety Made Simple will automatically resize images in customer portals so they meet this standard.

When you upload new images for courses and learning paths, the image cropping tool provides the 16:9 ratio.

The following screenshots illustrate the change from 3:2 to 16:9 ratio: the shaded areas are cropped from the existing images.


Note: If you use test or an overlay in your course images, this change could affect your resulting image. 

Course images

  1. From main navigation go to Courses > your course name > Details.
  2. From Course Images, select Upload File> choose an image file > Open. The application opens the file in the cropping tool, with the maximum image size featured. 
  3. Use the pointer to resize the cropped area or drag the focus to recenter the cropped area. 
  4. In Alternative text, enter a short description of the image.
    Optional: select Change image to upload a different image, without closing the cropping tool.
  5. Select to finish.

If required, select Set as thumbnail to set the image as the one seen in the catalog.
Select Clear thumbnail to remove that image, and choose a different image as thumbnail.

The following screenshot shows an example of course images with Set as thumbnail highlighted.


Select Remove to delete an image. 

Learning path images

  1. From main navigation go to 
  2. From the secondary navigation choose Learning Paths > your path name > Details.
  3. From Learning Path Images, select Upload File> choose an image file > Open. The application opens the file in the cropping tool, with the maximum image size featured. 
  4. Use the pointer to resize the cropped area or drag the focus to recenter the cropped area. 
  5. In Alternative text, enter a short description of the image.
    Optional: select Change image to upload a different image, without closing the cropping tool.
  6. Select to finish.

If required, select Set as Thumbnail to set the image as the one seen in the catalog.
Select Clear thumbnail to remove that image, and choose a different image as thumbnail.


    • Related Articles

    • Add courses and learning paths to the catalog

      Intended Audience: Administrators Summary The internal course catalog lets users view courses and enroll themselves, for self-directed learning. Set up the catalog for the portal, then choose which courses and learning paths to offer through the ...

    • Image sizes overview: logos, course images and certificates

      Intended Audience:  Administrators Use your own logo and brand in the Safety Made Simple portal. Each image has a recommended size and aspect ratio. This is for single portals only, not shared portals. If you aren’t sure which plan you’re on, or ...

    • Add course specific text to notification emails

      Intended Audience: Administrators, Instructors, Managers (with instructor authorities) Summary Course specific text is information you provide to learners, about a specific course. There are 4 types of course specific text which can be set in ...

    • Add an eSignature module to a course

      Intended Audience: Admins, Instructors, Managers with Instructor Permissions Summary Electronic signatures (eSignatures) support your compliance training. Learners sign their names electronically to confirm they have completed required courses. ...

    • Delete a course: effects on learners, reporting and learning paths

      Intended Audience: Administrators, Instructors Summary Deleting a course removes the course from your portal. You can't run reports on a deleted course. Learners who completed the course retain their learning history. Deletion is permanent. Be sure ...