Best Image Type for eLearning

In this course, you will learn about the following different image types:  .TIFF, .JPG, .PNG, and .GIF, and you will be able to determine which image types are best for eLearning design.  

.TIFF Image Files

.TIFF Image Files

.TIFF

TIFF stands for “Tagged Image File Format” and is one of the most widely supported file formats for storing bit-mapped images on personal computers (both PCs and Macintosh computers). TIFF files can be any resolution, and can be black and white, gray-scaled, or color. This image type is used for high-quality images (loss-less compression). TIFF format is widely supported by image-manipulation applications such as Photoshop by Adobe.

Do you understand?

Continue on to check your understanding of .TIFF image files.

True or False?

  • .TIFF files are not good for high-resolution images.

.JPEG Image Files

.JPEG Image File

JPEGs

JPEG stands for “Joint Photographic Experts Group.” It’s the most common format for storing digital camera photographs or scanned images. It is a “lossy” compression format, meaning it shrinks the files by discarding the information that the human eye cannot perceive. JPEGS are widely supported and used on the web and sharing images through email, and have several compression level options.

Do you understand?

Continue on to check your understanding of the JPEG image file format.

Identify which type of compression goes with which image format

  • Lossy compression, meaning it shrinks the files by discarding the information that the human eye cannot perceive
    JPEG
  • Loss-less compression, meaning it allows the original data to be perfectly reconstructed from the compressed data
    TIFF

.PNG Image Files

PNG Image Files

PNG Image Files

PNG file is an image file stored in the Portable Network Graphic (PNG) format. It contains a bitmap of indexed colors and uses lossless compression, similar to a .GIF file but without copyright limitations. It has better transparency options and usually exports slightly smaller file sizes. PNG files are commonly used to store graphics for web images. PNG file open in Microsoft Windows Photos.

Do you understand?

Continue forward to check your understanding of PNG image file formats.

True or False?

  • One of the standout features of PNG is its support of transparency, which makes it a great choice for graphics and logos.

.GIF Image Files

GIF Image Files

GIF Image Files

GIF stands for “Graphics Interchange Format.” A bit-mapped file format used for graphics as opposed to photographic images, GIF supports 8-bit color (maximum of 256 colors, compared to JPEG's 16 million colors.) It’s widely used on the Web because the files compress well. GIFs include a color table that includes the most representative 256 colors used. Not recommended for files with a lot of color shading!

Do you understand?

Continue on to the next section to check your understanding.

Fill in the blank with the correct image file format: TIFF, JPEG, PNG, or GIF

 includes a color table that includes 16 million colors, while a includes a color table that includes 256 colors. For that reason, GIF is better for 

Post-Test

eLearning Scenario

Summary

Recap - Image File Types

Conclusion

Choosing the right file format appropriate to each image is the first step towards improving your use of graphics in eLearning design. Flat-color images like logos or buttons usually work best as GIFs or PNGs. Full-color smooth-toned images like photographs usually work best as JPEGs. TIFFs will have the highest resolution and are not usually the best choice for eLearning design. By choosing the right format for your images you can ensure the highest quality and lowest size images for your eLearning creations.