Electronic Portfolio  
Back to Lesson 3-4

 

Optimizing Images the e-z Way

Q -What's the number 1 reason your web pages load slowly?

A -Graphics which are too large (and maybe too many on one page)

Several have images which are around 100k (ugh!)
A few students have images which are over 400k each. (ugh, groan and click off!)

Long range, the best plan is to take the photoshop class and the Designing Graphics for the web class to learn to optimize your images (you learn a lot of other good tricks also, along the way).

But short range, here's an easy way to reduce their size (you may want to do this even with your "small" size images)

(The size I'm talking about is not the pixel width and height. It's the file size which you see when you look at the file info on your hard drive or on student).

  1. Go to ZD Net's Developers Web Site and use their online helper called GifBot

    http://www.netmechanic.com/cobrands/zdnet/gifbot/

  2. When you get to the page, enter the url of an image which you have in your web directory
    (Example: student.santarosa.edu/~username/bigimage.gif)

  3. Click the 'Optimize' button...

  4. Wait..... (be patient!!!)


Eventually you will get a new web page which shows your original image and ten or so optimized versions of the same image. You can just copy them all from the page and save them back to your local drive, or look them over and copy only the one or two that you want to use (your original image is still in your web directory. The program makes a copy to use)

What you will find is that there is always a trade-off point. As you scan down the versions you will reach one and groan as the quality of the images begins to degrade. BUT, before you get to the unacceptable one, you will probably agree that the first several optimized samples are just about as good as the original, but they will be anywhere from 85% to 40% smaller in physical size (it varies with the image)

This isn't the only service like this on the web. Look around. You may find one you like better.

But whether you use this or another one, I strongly recommend that if you don't know how to do it yourself, you let these tools help you get those images optimized!
 

Back to Lesson 3-4