Quality and differences between jpeg, gif and png (week 3)

We are just finding out what's the differences between jpeg,gif and png.

We were asked to search for a 300 dpi image in google and look at file information, and then in photoshop save as jpg, jif, png, bmp and tiff formats in 500 by 500 pixels size at 150 dpi or 72 dpi. Compare quality and suitability for web.
So I found a image and did the above instructions.
Here are the photos.

1) Jpeg: quality is good, size: 80.8KB

1) png: quality is good, size: 367KB

1) gif: quality is bad, size: 93.7KB

Therefore, the most common lossless media type is jpeg that use in websites.