Graphics can visually make or break a web site. For a visitor, a web page with mostly text can look an awful lot like one of those “end user license agreements” and nobody wants to look at those things :). So, you need to grab your visitor’s attention and some well placed pictures can do wonders to that end.
But failing to optimize those graphics can have just as negative an impact as using no graphics at all. A graphic saved in the wrong format or one that is not compressed correctly will result in a painfully slow download time for visitors to your web site. This can cause them to lose patience and leave your site even before the Home page finishes loading. If that happens regularly, why even have a web site?
Well, here are a few tips to keep in mind when using graphics on your web pages. The purpose of these techniques is to keep the graphic file size small without compromising the quality of the finished image.
This is an especially good trick for e-commerce web sites that display dozens of images per page. Reducing the file size of each of those images results in the total page loading faster and you thereby avoid the risk of your visitors becoming impatient and leaving.
Image size: 118kb
Image size: 163kb
So, if you are using .gifs on your web site, see if you can orient the image so that most of its solid colors are running horzontally.
Now, if you are only using a few small images on your web page, don’t worry about it spending the extra time on these techniques. The big payoff happens when you are using lots of graphics on your web page and you apply these techniques. In that case, you can dramatically decrease the time your visitors spend waiting while your web page is downloading.
If you have some additional tips, don’t be stingy – leave a comment below with your tip :).