Best Image Type for E-Learning Training

Hi there! Welcome to today's course!

This training was created by Sara Keene, OPWL Student at Boise State University. The purpose of this training is to provide you with the tools you need to select the best image file for an E-Learning course.

Good luck with the course!

Sara

 

Best Image Type for E-Learning Course Objectives

Course Overview

Hi there! Welcome to today's course!

This training was created by Sara Keene, OPWL Student at Boise State University. The purpose of this training is to provide you with the tools you need to select the best image file for an E-Learning course.

Good luck with the course!

Sara

Learning Objectives

  • Learn the difference between raster and vector images.
  • Identify how to make sure images are consistent.
  • Describe the different image files sizes.
  • Learn the most common image types.
  • Explain the copyright issues involved with using images.

Best Image Type for E-Learning Modules

Difference between Raster & Vector Images

Raster images are made of pixels and if you enlarge the image beyond its resolution, the quality of image will be degraded.

  • Raster file types include: .jpg, .jpeg, .gif, .png, .tif, and .tiff

Vector images are made using mathematical calculations from one point to another, which form geometrical shapes. These images can be enlarged without losing the quality of the image.

  • Vector file include: .eps, .ai, .cdr, .ps, and .pdfs

Image Consistency

E-Learning images should have a consistent look and feel throughout the eLearning course.

  • Refrain from using an assortment of images like photographs, clip art, vector images.
  • Focus on one style to help learners focus and comprehend the content being presented.

Is it a good idea to mix photos with clipart in an eLearning course?

  • Yes, it's a great idea to use an assortment of images like photographs, clip art, vector images.

Image File Sizes

Image file size refers to the resolution of the image.

  • Higher resolution = higher quality of the image.
  • Lower resolution = lower image quality.

Note: Although higher resolution images are preferred, they can come at a big file size and should be resized before adding them to eLearning courses so they can be opened easily.

Most Common Image Types

The three most common images types used in eLearning are:

  • Jpeg: This file type was developed by photographers to create a standard image format for photography. One of the great benefits of the .jpeg format is that files are relatively small in size, but still look crisp and sharp. Another feature is that .jpegs support up to 16.7 million colors, making them a good choice for images or photos with a wide range of colors. With .jpegs, you can have great looking images at a reasonable file size.
  • .png: Using .png files allows you to incorporate images that have a small file size, but look great too. Such images tend to be larger than .jpegs because they contain more information, but .png files support transparency and are lossless. Often, .png files are used for icons, symbols, logos, or cut-out images that need to be overlaid on top of a background or other image.
  • .gif: Animated .gifs are often used for simple looping animations, symbols, or icons. They support transparency and create very low resolution files, and they also let you add movement or animation without programming or code. This file type only supports 256 colors, however, so it’s not recommended for use with photos or images with gradients.

What file type should I select for photos?

Beware of Copyright Issues


All images have rights attached to them and you should obey any copyright laws attached to them before adding them to your eLearning course.

Select royalty free images for your eLearning courses. These images have the least restrictions and you only have to pay once to use them as many times as you want.

Post Test Questions

Match the image type with the best definition.

  • .Jpeg
    relatively small in size and standard image format for photography.
  • .png
    often used for icons, symbols, logos, or cut-out images that need to be overlaid on top of a background or other image.
  • .gif
    support transparency and create very low resolution files.

What file types are raster?

  • .jpg, .jpeg, .gif, .png, .tif, and .tiff
  • .eps, .ai, .cdr, .ps, and .pdfs
  • .jpg, .jpeg, .gif, .png, .tif, .tiff, .eps, .ai, .cdr, .ps, and .pdfs

Thank you for attending today's training

Summary

Summary

  • Learned the differences between raster and vector images.
  • Identified how to make sure images are consistent.
  • Described the different image files sizes.
  • Learned the most common image types.
  • Explained the copyright issues involved with using images.

Thank you for attending today's training!

Sara Keene, OPWL Student, Boise State University