Images file types and their uses

January 12, 2019
I'm a CIPD qualified trainer. I am currently a systems developer -moodle. Training is my passion I love to develop e-learning 
Wizard 18 posts
Followers: 9 people
Systems Developer- Moodle
4

Images file types and their uses

I'm a CIPD qualified trainer. I am currently a systems developer -moodle. Training is my passion I love to develop e-learning 
Wizard 18 posts
Followers: 9 people
January 12, 2019

Image file types

They are undoubtedly a main element to elearning but do you know your png from your svg?

here’s a list of file types and what the differences and uses are.

SVG

Pro’s – salable (without loss of quality) small file size, transparent

Cons- not I.E. friendly

Jpeg

Pro’s – 24 bit colour, photo quality, high detail

Cons – not transparent

Png

Pro’s – 256 colours, lossless, smaller than gifs

Cons – bigger than jpegs, images have very large files sizes

Gif

Pro’s- 256 colours, lossless compression, animations, loops

cons – bigger than png, oldest format (1989)

So next time you’re looking for or creating images, have a think about file types. It could save you a heap of developing time when your working with an image on the stage.

Comments (4)
2019-01-14 21:51:33
2019-01-14 21:51:33

Thanks for the contribution, Christian.

Like
(2)
2019-01-14 08:59:00
2019-01-14 08:59:00

This made me smiling.  memories of my years of teaching Photoshop popped up. I had a Captivate tutorial explaining and showing the differences between vector image (SVG in tis case) and bitmap images (GIF, JPG, PNG9 and PNG24).  I am missing some essential information here, and don’t think your classification with Pro is correct.

Captivate internally always uses PNG files (24 or sometimes also labeled as 32 bit because of the alpha channel). It allow the same amount of colors as JPEG but supports  transparence (alpha channel).  GIF supports also transparency, is excellent for cartoon images, has the number of colors limited to 256 (8-bit). JPEG can be compressed in several levels, may still be the best choice when using photos because the file size can be lower than with PNG.

Like
(1)
(2)
>
Lieve Weymeis
's comment
2019-01-14 12:33:24
2019-01-14 12:33:24
>
Lieve Weymeis
's comment

Lieve, thanks for the information I was typing from my list so probably did miss some png info. I’d like to see your tutorial, if you can share the link.

Like
>
Christian Lee
's comment
2019-01-14 12:50:01
2019-01-14 12:50:01
>
Christian Lee
's comment

Became property of the college when I left. Hoping my successor is still using it?

Like
Add your comment