Sunday, 5 February 2012

Image Optimisation

Today I learnt that images for the web need to be saved in the correct format to ensure that they are able to load quickly and they aren't too large. The easiest way to do this is on Photoshop and through the option of save for web and devices. 

The image below displays the quality of saving as PNG-8 file, the image is 72 dpi.. PNG files are usually used for graphics or layouts.  There is a definite alteration in each of the image qualities. This tool is very handy, as it shows you four different options and how long it will take to load on the webpage, the image in the left corner is the original. On the right there are options which can be changed to increase the speed of the file loading. This has helped me to understand the difference in the file types. 

Below are four options of saving as a JPEG file.  The image appears to remain in much better quality by choosing JPEG, the colour is less pixelated and remains smooth all over.

 Below are four options of saving a GIF file. GIF files can be particularly handy on the web as the can be used to create small animations. GIF files are usually used for banners and layouts. From all of the options I have I can now select the most  appropriate image and quality, with full knowledge of how long it will take to load on my page.

No comments:

Post a Comment