Sage Economic Advice for Desperate Times
Form Placement and Growing Your List

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.

Web_page_optimization 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:

Comments

Web Suunnittelu

This is good stuff. I didn't know so much about optimizing graphics before. Thanks for posting!

Verify your Comment

Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been saved. Comments are moderated and will not appear until approved by the author. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

Post a comment

Comments are moderated, and will not appear until the author has approved them.

Your Information

(Name is required. Email address will not be displayed with the comment.)