Industry


Ads by TechWords

See your link here


Subscribe to our e-mail newsletters
For more info on a specific newsletter, click the title. Details will be displayed in a new window.
Computerworld Daily News (First Look and Wrap-Up)
Computerworld Blogs Newsletter
The Weekly Top 10
More E-Mail Newsletters 

In praise of the animated GIF

As I was helping to assemble Computerworld's 2008 holiday gift guide last week, I was initially puzzled as to why ThinkGeek, maker of the iconic Wi-Fi Detector Shirt (which lights up to show your proximity to a Wi-Fi signal), had used the Photoshop PSD format rather than the usual JPEG or TIFF image formats for the product photo.

ThinkGeek Wi-Fi Detector Shirt animationUpon opening the file in Photoshop, I saw that it had several layers containing the same image with slight variations, which would translate nicely into the individual frames of an animated GIF. Sure enough, when I selected "Save for Web," the file was automatically saved as an animated GIF -- and I was instantly transported back to 1996, the animated GIF's heyday.

The venerable GIF89a image format, released by CompuServe in 1989, lets you store multiple images in the same file; the images are displayed one after another, like a flipbook. It's a great format for simple animations.

Animated GIFs were immensely popular in the Web's early years. They were quick to load (which was of paramount importance when most people were using dial-up), often silly and usually lots of fun. Remember the Hampster Dance [sic]?

Before too long, animated GIFs were pushed aside by more sophisticated tools for showing movement on the Web, such as JavaScript and Flash. Animations became much more complex, but at the same time Web pages became much heavier and slower-loading if you didn't have broadband. Now it seems as if half the commercial Web sites out there use Flash just for the sake of using Flash.

That's why I was so delighted to see ThinkGeek's animated GIF. While its uses are very limited, this format is still the best way to present a simple, mostly static image with small amounts of change -- like the Wi-Fi Detector Shirt product shot.

Kudos to the ThinkGeek folks for for using the simplest -- and best -- tool for the job.

What People Are Saying

I think Flash and AIR are

I think Flash and AIR are really nifty.

Then again sometimes, all I want, or need, is something simple and with few dependencies. None is the ideal.

Animated GIFs fit this need. I also appreciated the argument to limit the number of repititions.

Coming Back Around

If you liked animated gif's you might like to hears that animated png's is now being developed. Already available in Firefox and Opera. The file size is smaller than gif of comparable quality, the image is clearer, and it supports transparency.

png coming back around

I have used png in several of our web graphics. It provides a very useful format for storage when in intermediate stages of editing.

The think I like the most about png is that it does not lose its quality or degrade from opening and saving unlike JPEG does even at the highest quality. I've tried animating though and even if you get it to work it just doesn't hold accross the web. It would be nice to see this come around in animation.

Back in 1996, my senior year

Back in 1996, my senior year of college, I and a friend had a big project due for a software development class. My friend and I had crudely put together a web-based fantasy baseball site. However, half of the stuff didn't work and it was very buggy. Somewhere along the way I found an animated GIF of a rotating bat and I put that on the front page.

Finally the day came to sit with the professor and go through the website. He was immediately struck by the rotating bat. In fact, he was SO struck by it, he asked me tons of questions on how I created it and how it worked. I never admitted I just found it and put it on the site. Instead, I went into detail intricacy of the animated GIF standard which I had just read up on the week before. About half an hour later, we finally started talking about the actual project we completed. However, by that time, we had hardly anytime to really go over the site in detail. So, the professor promised to look over it when he got a chance.

Long story short, we got a B+ for a project we really should have gotten a C or less. From logs on the site, it was quite obvious that the professor didn't take more than a cursory glance at the site a few days later.

So, I give my kudos to the animated GIF standard for helping me pass that crucial class in college! :-)