Table of Contents

1. Overview
2. Where the Image Selector Appears
3. Using the Image Selector
   • Uploading a New Image
   • Using Your Saved Images
   • Selecting Illustrations
4. Managing Your Saved Images
5. Related Articles

1 Overview

The image selector dialogue allows you to upload, crop, and select images for use throughout the platform. You can upload new images, reuse previously saved images, or choose from pre-defined illustrations. Images selected through this dialogue appear on course cards and other platform elements.

Note: This is separate from your personal profile picture, which is managed through Your settings > Edit profile.

The information in this article will be added to relevant articles on release. 

2 Where the Image Selector Appears

The image selector dialogue is currently available when you:

• Create a new course
• In course properties and features

Future availability: This dialogue will be expanded to additional areas of the platform.

3 Using the Image Selector

The image selector dialogue has three tabs: "Upload image", "Your images", and "Illustrations".

3.1 Uploading a New Image

Upload and crop a new image for immediate use.

Supported file formats: JPEG (.jpeg, .jpg) and PNG (.png) - Max file size 5mb.

1. In the image selector dialogue, the "Upload image" tab is selected by default.

2. Add an image using one of these methods:

   • Drag and drop an image file from your computer into the upload area
   • Click the "Add image" label to browse and select an image file from your computer

        3. After uploading, you can use the interface to adjust your image:

• Click "Crop image" to reframe the image
• Click "Change image" to upload a different image

        4. If you want to save this image for future use, tick the checkbox labelled "Save the image 

                in Your images for simple reuse in future".

        5. (Optional) - Fill in "Image description" - The image description i used by screen-readers to describe the image for                     someone who cant see it. Try to be concise and descriptive when filling it in.      

        6. Click "Use this image" to apply the image,or click "Cancel" to discard the image and retur to the course properties     

            page.

3.2 Using Your Saved Images

Select from images you have previously saved for reuse.

1. In the image selector dialogue, click the "Your images" tab.
   

2. ---

   Browse your collection of saved images.

3. Click on any image to select it.

4. Click "Continue" and a preview and crop popup will appear.

5. Click "Crop and use" to apply the selected image.
   
   

3.3 Selecting Illustrations

Choose from pre-defined illustrations provided by itslearning.

Availability: Your site administrator controls whether all illustrations are available. If you do not see all the illustrations in the tab, the K-12 illustrations have been disabled for your site.

1. In the image selector dialogue, click the "Illustrations" tab. (image shows all illustrations)

1. Browse the available illustrations.

2. Click on any illustration to select it.

3. Click "Use this image" to apply the selected illustration.

If K12 illustrations are not turned on, these are the illustrations you can choose from: 

4 Managing Your Saved Images

Access and manage your collection of saved images through your personal menu.

1. Click the circular picture in the upper-right corner to open the personal menu.

2. Select "Your images" from the menu.
   

1. On the "Your images" page, you can:

   • Upload new images by clicking the green "Upload" button
   • Delete images by selecting them and clicking "Delete"
   • Update image descriptions by clicking the three-dot menu next to an image

Image information displayed:

• Thumbnail preview
• File identifier
• Upload date

Note: Deleting an image from your collection does not remove it from places where it is already in use (such as existing course cards).

5 Troubleshooting

Missing illustrations

Symptoms: The "Illustrations" tab seems to miss images. 

Cause: Your system administrator has disabled K12-targeted illustrations for your site.

Solution:

1. Verify you are looking in the correct image selector dialogue (not the profile picture modal).
2. Contact your system administrator to request that  K12 illustrations be enabled.
3. Use the "Upload image" or "Your images" tabs as alternatives.

Prevention: Check with your administrator about available image options before planning to use illustrations.

Image Upload Fails in Selector Dialogue

Symptoms: When trying to upload an image, you receive an error message or the upload does not complete.

Cause: The file format is not supported, the file size is too large, or there is a network connection issue.

Solution:

1. Verify your image is in JPEG (.jpeg, .jpg) or PNG (.png) format.
2. Check the file size and reduce it if necessary using image editing software (Max 5MB).
3. Verify your internet connection is stable.
4. Refresh the page and try uploading again.
5. Try a different image file to determine if the issue is file-specific.
6. If the problem persists, contact technical support.

Prevention: Use supported file formats and keep file size under the limit (under 5MB).

Deleted Image Still Appears in Use

Symptoms: After deleting an image from "Your images", it still appears on course cards or other locations where it was previously used.

Cause: Deleting an image from your collection does not remove it from places where it is already in use. This is expected behaviour.

Solution:

1. Navigate to each location where the image is used (e.g., course properties).
2. Manually change the image to a different one.
3. The old image will remain in place until you actively replace it.

Prevention: Understand that "Your images" is a collection for reuse, and deleting from the collection does not affect existing uses.

Related Articles

• Under creation

Contact Support: For additional support, contact your itslearning administrator or visit the itslearning support page

-------------------

The features shown are part of the project within the framework of the German Development Project (GDP), a cooperation between four German states and itslearning with the aim of improving digital education in Germany through tailor-made product developments.

Click here to learn more about the GDP roadmap and what other features you can expect.

For German readers: Click here for more information about the project within the framework of the German Development Project.