JPGs & GIFs: Optimizing Your Graphics and Images
Have you every waited too long for a web page to load up? Did the wait frustrate you? Today I’d like to dig into some old school web site usability advice on optimizing web graphics and images. Some people might be thinking “this is newbie advice or old news.” I’d ask the question, “are you optimizing your web site graphics?” A quick look at a majority of the web sites online would show most web site owners aren’t optimizing their graphics and images.
Way Back When
Back in the day optimizing web graphics was pretty standard practice. Just a few years ago dial up access was the primary way people accessed the Internet. Web page graphics had to be optimized because people didn’t want to wait for pages to load. If a web page didn’t load in a certain amount of time people would abandon the page. Remember that the average attention span of the typical web user is about 8 seconds. Just because dial up is on the wane, doesn’t mean you can abandon optimizing your web site graphics. In today’s high speed world attention spans are even shorter. This advice is especially important to event web sites. The number of event photos and photo galleries that aren’t optimized on various event web sites is pretty scary.
Optimizing is More Important Than Ever
Regardless of high speed internet connections you still need to ensure that your page loads as quickly as possible. One of the main ways to get your web site to load quicker is by optimizing your graphics. Anything that’s in an image format like .gif or .jpg (.jpeg) can be optimized. In short, optimization involves taking away some of the image’s information to make it smaller and more compact. You want to significantly reduce the file size of the graphics (not appearance size or dimensions) without the user noticing.
This Page as an Example
If you’re reading this page on my web site’s home page, take a look at all the graphics by scrolling up and down the entire page. There are at least 10-15 different images. Each of the images on this page have been optimized. I’ve reduced the file size of each graphic by almost 90%. If all of the graphics you see on this page weren’t optimized they would total over 1.5 Megabytes. By optimizing all the graphics on this page I’ve reduced the load time by 4 - 10 seconds on a high speed connection. A few seconds might not seem like a lot, but people just don’t have online patience anyone.
Your web site users will never complain if your web site loads too quickly, but they will leave if it takes too long to load. By optimizing the graphics on your web site you can double or triple the speed that your current web page loads up. Optimizing goes well beyond just graphics, it can include video, layout, and programming. Always strive to make sure you website loads as quickly as possible. Below are some resources for optimizing your web graphics.
Web Graphic Optimization Resources
Want to get more great info? Check out the articles below:
- What is Web Usability? And Why You Should Care . . .
- Web Usability: The Importance of Balancing Content and Graphic Design
- Hitting a HOME RUN with Your Web Site
- Don’t Pollute Your Web Site
- Do You Make These Usability Mistakes?
- Objectivity Paves the Way to Online Success
- LCU (Least Competent User) Usability Testing
- Web Usability - ALERT! Dominant Users and Focus Groups
- The Event Promotion System
Get Your Free Event Promotion & Marketing Video Training
This is good stuff. I didn't know so much about optimizing graphics before. Thanks for posting!
Posted by: Web Suunnittelu | 02/05/2009 at 07:16