Image Optimisation

Images take up a large amount of visual space on a webpage, it is important to reduce the amount of time it takes for a browser to load images.
The time it takes to display an image is based on a number of factors:

• The file size of images used in the webpage, the format of the image - by choosing the right format you can compress a file to make it smaller and easier to render 
• The number of images used 
• The HTML structure and how well it fits the images 
• The web browser used to view the page
• The internet connection 

      Different image formats each have their pros and cons

      

      JPG 

• Pre-PNG
• Does not support transparency 
• Good compression rate - lots of control 

     GIF

• Good for flat colours 
• Doesn't handle photos and gradients like drop shadows
• Supports transparency 

      PNG 

• Supports transparency 
• Okay level of compression - less control
• Works well on most devices 
• Larger file size