Optimizing images for the Web

For the 2nd assignmnet of a course from Highschool of Kristianstad I have started to read about the topic of optimizing images for the web. Now I understand how important it is for web developers and designers while designing a website. Because pictures or images plays an important role to engage the user of the website. And if the Image is of too large size then it will take more time to load which intrun makes the visitor of the web imaptient. Lot of webdesigerns and developers optimize the images so as to occupy less diskspace along with preserving same quality.

First image is austornaut.ttif which is having more than 8MB size. I have tried to compress the image as either in a PNG format or in a JPEG format, because JPEGs work best for photographs or images with smooth color blends.PNG files can contain any image type and are often a good substitute for the GIF format.(According to Course literature Learning Web Design, by Jennifer Nierderst Robbins). They can also contain images with transparent or partially transparent areas..I have used GIMP software (free software for optimizing images). I have tried to compress the image in png format, and found out that the size it is occupying for dimenstions of 300X300 pixels is 193KB, so I tried to compress the same image in JPEG format, In this format the quality of the image is kept at perfect level, and the size it occupied for dimension of 500X500 pixels is only 102KB.

For the other images I have chosen to go for gif format. Because GIF format is appropriate for images containing only a few colours and having large monochrome parts, for instance graphical objects, icons, illustrations, logotypes etc. The images occupied very less size afterwards.
link to the webpage http://home.hkr.se/~padu0002/assignment1/index.html
And I have created one screencast for creating link to an external website. http://home.hkr.se/~padu0002/assignment2/linktonewpage.html