Managing the Course Image Manager

Discover how to manage images related to course in your platform

Last Updated

June 5th, 2019

Reading Time

6 min

User Level

DISCLAIMER: Some content in this article outlines how to use functionalities with the new Course Management. Check out this article for further info.

Introduction

Using the right image as course thumbnail may help your learners to understand the subject of your training and to identify the course in catalogs and other pages at first sight. In your learning platform, you can upload images directly from the Course Management area, taking advantage of some simple editing functionalities to make your image more incisive.

Please note that thumbnail images management options are currently available for the new course management Beta Program only at this time.

Assigning a Thumbnail to a Course

In order to assign a thumbnail to a course, login as a Superadmin, then access the Admin Menu from the gear icon in the top right corner and select Courses from the E-Learning section. Select a course from the Courses Management table, then move to the Properties tab of the course. In the Thumbnail section, click Upload Image to select an image from your device or Select Image to browse among the images already available in the course thumbnail repository of the platform. Refer to the following section of this article for further information on how to upload images to be used as thumbnails.

image manager access

Uploading a Thumbnail

From the Thumbnail section of the course Properties tab, click Upload Image and select an image from your device. After selection, the image will be loaded and you will be able to edit it before finalizing the upload. You do not need to resize the image after selection, since it is automatically resized in order to fit the right dimension and ratio needed for the thumbnail. Zoom, crop, rotate and/or flip the image according to your needs, then click Crop & Apply to confirm your changes.

Please note that the minimum image size to grant the image quality on all devices is 800x800px for square thumbnails and 800x400px for rectangular thumbnails. Also remember that it is possible to upload images in PNG and JPG formats, but all images are converted into JPG during the upload. Transparency is not currently supported.

image manager upload

Now, press Save Changes in the bottom bar to confirm your changes and and officially assign the image to the course. Remember that the image will not be assigned to the course if you do not save your changes.

Selecting a Thumbnail from the LMS Repository

Every time an image is uploaded, it is stored in the platform so you can use it again in the future. To select an image among the ones you have already uploaded in the platform, move to Thumbnail section of the course Properties tab and click Select Image. By default, the gallery in the right panel shows all of the uploaded images, but you can filter them in order to see only the images in use, or those still unused. Press the filter icon and select the filters according to your needs. As a Superadmin, you can additionally filter the images you uploaded. Additionally, you can look for an image according to its filename; use the search text area for this purpose.

image manager select

Select the thumbnail you want to assign to the course, and click Select in the bottom right corner. Once the image is selected, you will see its preview and you will be able to edit it before finalizing the upload. You do not need to resize the image after selection, since it is automatically resized in order to fit the right dimension and ratio needed for the thumbnail. Zoom, crop, rotate and/or flip the image according to your needs, then click Crop & Apply to confirm your changes.

Please note that the minimum image size to grant the image quality on all devices is 800x800px for square thumbnails and 800x400px for rectangular thumbnails. Also remember that it is possible to upload images in PNG and JPG formats, but all images are converted into JPG during the upload. Transparency is not currently supported.

Now, press Save Changes in the bottom bar to confirm your changes and officially assign the image to the course. Remember that the image will not be assigned to the course if you do not save your changes.

Selecting a Thumbnail from Unsplash

If you need inspiration to find the right thumbnail for your course, you can look for images online by browsing the Unsplash online repository directly in your platform. Once in the Thumbnail section of the Properties tab, click Select Image and move to the Web Images tab of the right panel that will open. Enter a keyword to look for the image, and select the one that suits you the most among the search results. Click on the image and press Select in the page bottom right corner to continue. The image preview will be uploaded with the correct ratio, and you will be able to zoom, crop, rotate and/or flip the thumbnail image before assigning it to the course.

Click Crop & Apply to confirm your changes. You do not need to resize the image after selection, since it is automatically resized in order to fit the right size and ratio needed for the thumbnail. Remember that the minimum image size to grand the image quality on all devices is 800x800px for square thumbnails and 800x400px for rectangular thumbnails.

Images are free from copyright so you can use them without any restrictions as course thumbnails.  Once the image is selected, press Save Changes in the bottom bar to confirm your selection and officially assign the image to the course. Remember that the image will not be assigned to the course if you do not save your changes.

Editing a Thumbnail

Thumbnails can be edited at upload time or later on by accessing the courses management page and moving to the Properties tab of the course associated to the thumbnail.  In the Thumbnail section, click Select Image. Find the image you want to edit in the right panel and click Edit Details. Find the details of the selected image in the Edit Image panel, from here you can edit the image name or overwrite the image with a different one. You can also check which courses are using the image: from the ellipsis menu in the image preview, click Usage. Remember that this option is available only if the image is actually used in courses.

image manager edit

In order to assign a new thumbnail to the course, or to edit the one currently in use, click Overwrite Image and select a new image or reload the one already in use. When reloading the image in use, you will lose all of the changes made on the image and will be editing the original image.  Select the image and zoom, crop, rotate and/or flip the image according to your needs, then click Crop to confirm your changes and assign the image to the course.

Remember: When editing an image, changes will be applied to all of the courses to which the image is assigned.

Deleting a Thumbnail

Thumbnail images are saved in the platform, and as a Superadmin, you are responsible for maintaining your repository. If you need to delete images that are no longer is use, go to the Courses Management page and move to the Properties tab. In the Thumbnail section, click Select Image. Find the image you want to delete in the right panel and click on the ellipsis icon, then select Delete.

Changing the Thumbnail of Several Courses with a Mass Action

You may need to use the same thumbnail image for several courses at a time. To do so, select the courses by selecting the checkbox next to the course name in the course table, click on Choose Action in the bottom right corner of the page and select Replace Thumbnail.

Upload an image, select one from the ones already available or look for it online, as described in the previous sections of this article.

Visibility Rules

As a Power User, when selecting an image, you will be able to see only the images you uploaded. Images uploaded by Superadmins and other Power Users will not be available for selection. When changing the thumbnail uploaded and associated to the course by another user, you will not be able to retrieve the original thumbnail after changing it since you do not have permission to access it.

As a Superadmin, you have full access to all images uploaded by all users in all domains. Remember to grant Power Users permission to edit thumbnails and to use images from Unsplash in the Power User profile. Refer to this article for further information on the definition of Power User permissions.

Image Manager for Multidomain

If the Multidomain App is active in the platform, when you select and assign a thumbnail to a course, the thumbnail will be applied to the course in all the domains. Consequently, when changing the thumbnail of a course, you will change it everywhere.

As a Superadmin, you can make a thumbnail image uploaded in a domain available to other domains. To do so, go to the Courses Management page and move the the Properties tab. In the Thumbnail section, click Select Image. Find the image in which you are interested in the right panel and click on the ellipsis icon, then select Copy to Domain. Select a destination domain or select root to copy the image to the main domain, making it available to all domains.