A revolving earth (earthani.gif--64x64) Beaverland Net
Net Art
 
Japanese Version (japanv.gif--100x36)

Beaverland Net Art logo (netart2.gif--140x365)

Beaverland Net HTML Made Easy! logo (html02.gif--140x160)

Beaverland Net JavaScript Made Easy! logo (javascrx.gif--140x233)

Beaverland Unlisted Slang logo (slangs2.gif--140x260)

Beaverland Historica logo (histbanr.jpg--140x360)

Beaverland Mythology logo (mythbanr.jpg--140x255)

Beaverland Stries logo (stories.jpg--140x276)

Beaverland Webs & Internet Secrets logo (web100.jpg--140x250)

Beaverland Cleopatra Gallery logo (galleryt.gif--177x275)

Beaverland Ciold War Years logo (coldwrbn.jpg--140x320)


onstore.gif (140x93)

beavbook.gif (120x160)

beavcomp.gif (120x160)

beavmovi.gif (120x160)

beavgift.gif (120x160)

beavtrav.gif (120x160)

music.gif (50x50) Beaverland Music
 
How to reduce an animation-file size
Even More
August 25, 2003
 

Move your mouse over her.
To stop, move your mouse
out of the picture.

A blonde pinup (pinup001.gif--472x629)

The above GIF animation consists of the following two transparent GIF images.

A blonde pinup with both eyes opened (pinup001.gif--472x629)
pinup001.gif (transparent) size: 85 KB

A blonde pinup's closed eye (pinup003.gif--120x120)
pinup003.gif (transparent) size: 9 KB

 

Use only a part of the second image

This page is a sequel. If you haven’t seen the previous page, please visit it now. A new window will open up if you click the following link:

How To Reduce an Animation-file Size.

Now, select the two images as shown below:

Image selection dialogue box of Jasc Animation Shop (pinup05.jpg--446x346)

Once you are finished, click the next button. The program will create an animation and prompt you for animation quality as shown below:

Screen shot with an animation quality dialog box (pinup02.jpg--512x384)

So far everything appears the same as in the previous page. Now comes a change:

Quality selection dialogue box of Jasc Animation Shop (pinup08.jpg--454x319)

I have lowered the button at left by one notch. The program will then create a 63-color animation.

Optimization Results information box (pinup09.jpg--455x322)

NOTE:
Baud:
the number of electrical symbols per second that a modem sends down a phone line. Although incorrect, it is often used as a synonym for bps (bits per second). This is named after J.M.E. Baudot—inventor of the teletype.
ISDN:
It stands for Integrated Services Digital Network—a faster, digital phone service that operates at speeds as high as 128 kilo bits per second.
ADSL: (Asymmetric Digital Subscriber Line)
A technology that lets you transmit data over phone lines much faster than regular dialup or ISDN, as much as 7 million (7,000 kilo) bps. It is asymmetric because it allows faster download speeds than upload. In other words, receiving email is faster than sending it. This service is always on, so there is no wait to connect. Because your phone service is unaffected, you can make and receive calls while you access the Internet.

The file size has been reduced to 51 KB from 76 KB. For easier understanding, I’ve added the red squared portion to the above information box.

As you see, however, the quality of the above animation has been reduced because of its color reduction. Even though you can reduce the number of color (hence the file size, as well) even further, it would not be worthwhile because its quality would be greatly deteriorated.

Is there any way to reduce the size without reducing the quality of the animation?

Yes, there is, but with a totally different method. I’ll explain it in the next page:

How to reduce an animation-file size with Javascript

 

Related Links





Rate article:
Excellent Good Neutral Poor Worst

Your Name:
Your Email Address:
Comments:


  Comments
 
When I clicked for animation, it took some time for my browser to repaint the picture, and I noticed a blank space in between. Is there any way to get rid of such a gap?
    - Tad Savala

Yes, there is. Please visit this page: How to Speed Up a Presentation.
    - Akira
 
 
Copyright Akira Kato
About this author:
  • Educated both in Canada and Japan
  • Traveled extensively in Europe, Far East, and North America
  • Worked as management consultant, computer systems analyst, college instructor and freelance writer.
Akira Kato

Beaverland Forum
Featuring thought-provoking
columns and stories
inserted by FC2 system