header image
[ # ] Reducing Load Time Through Image Optimization
February 8th, 2007 under Web Design

Even though more and more Internet users switch to broadband every year, a large portion of the web’s population is still running on good old dialup connections. It is therefore unwise to count them out of the equation when you’re designing your website, and a very major consideration we have to make for dialup users is the loading time of your website.

Generally, all the text on your website will be loaded in a very short time even on a dialup connection. The culprit of slow-loading sites is mainly large images on your website, and it is very important to strike a delicate balance between using just enough images to attract your users and not to bog down the overall loading time of your site.

You should also go to a greater length and optimize every image on your site to make sure it loads in the least time possible. What I really mean is to use image editing software to remove unnecessary information on your images, and thereby effectively reducing the file size of your image without affecting its appearance.

If you own Photoshop, it will be obvious to you that when you save an image as a JPEG file, a dialog box appears and lets you choose the “quality” of the JPEG image — normally a setting of 8 to 10 is good enough as it will preserve the quality of your image while saving it at a small file size. If you do not have Photoshop, there are many free image compressors online that you can download and use to reduce your image’s file size.

On the other hand, you can opt to save your images in PNG format to get the best quality at the least file size. You can also save your images in GIF format — the image editing software clips away all the color information not used in your image, hence giving you the smallest file size possible. However, saving in GIF format will often compromise the appearance of your image, so make your choice wisely!


Related Posts:

  •  Good Design Practices
  •  Improve Usability of Your Website
  •  Auto Responder Improvements
  •  Picking a Type of Web Hosting Service
  •  Optimizing Your Blog for Search Engines
  • Read the Comments

    [ # 7321 ] Comment from Jamie [November 30, 2009, 5:31 pm]

    Image optimization is one of the most important things you can do for your website. It has been rumored that soon, Google will begin including web page loading times into their ranking algorithm (if they have not already!)

    The faster your page loads, the happier your customer or view will be, especially in this instant-gratitude society we live in.

    [ # 7571 ] Comment from Jonathan [April 28, 2011, 12:26 am]

    Agreed. Image optimization is a lot more important than some people think, nobody wants to be at a slow site. I wrote an article about some programs that can edit images in such a way, at my website if you want to read it. But yeah also don’t do an html resize on a large image, just manually scale it down to make the file size smaller.

    (sorry about the above comment that was a pasting accident, you can delete it if you want)

    Write a comment






    Links
    Recent Posts
    Fun Stuff
    Subscribe