Using images in an LMS

Modified on Wed, 19 Apr 2023 at 11:35 AM

When you use one of the environments we offer, we always set up the environment with your brand's colours, a logo and often images are also used. Sometimes, if several labels from the same organisation are working in the same system, we even use colours, logos and specific images for each label.

Images are often scaled in our learning environments, but the original size sometimes causes longer page loading times. For example, we see page-wide images that are over 6000 pixels wide. Currently, a large screen still usually has the resolution 1920 pixels (wide) by 1080 pixels (tall). Keeping this side by side, you can see that the image used could be much smaller.

Our advice is therefore:

  • Is an image the full width of the screen? Then make it maximum 2000 pixels wide;
  • Is an image displayed on half the screen? Then make it a maximum of 1000 pixels wide;
  • Is an image shown on a quarter of the screen? Then make it a maximum of 500 pixels wide;
  • Make images maximum 1 MB in size (you can always make them smaller);
  • Always save photo's as .JPG;
  • Always save images with few different colours (e.g. logos and icons) as .PNG.

Reduce size in PowerPoint

Do you have images that are larger than what we recommend above? Then you can easily resize them in PowerPoint. Other programmes can also be used for this, but many organisations use MS Office, which is why we give this example.

When you open a new presentation in PowerPoint, you can use the Insert tab to insert the large image from your computer. In the slide, you can resize the image by dragging a corner inwards with the mouse while holding Shift. By pressing Shift the image keeps its proportions, otherwise it might be distorted. After resizing, right-click the image and choose "Save as image", and save it.

If the image meets the recommendations, you can place the saved image in your LMS.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article