Web Hosting Forum | Lunarpages
News: October 6, 2008 - Submit Your Site for the October 2008 Site of the Month!
 
*
Welcome, Guest. Please login or register.
Did you miss your activation email?
October 12, 2008, 09:28:19 AM


Login with username, password and session length


Pages: [1]   Go Down
  Print  
Author Topic: Animated Gifs and Image File Size...  (Read 1669 times)
starke
Galactic Royalty
*****
Offline Offline

Posts: 245


WWW
« on: January 10, 2007, 09:54:47 PM »

Hey everyone,
Getting ready to start on my new project... finally... and wanted to learn a little bit about animated gifs.

I'm going to create one for my homepage, and saw something about the program Construction Set (shareware) for creating them... wondering if anybody has any experience with some easy to use programs to create animated gifs...

Really, the effect that I'm going for is to swap out an image for a site... nothing too complicated.

My next concern though is about file size.  Since it seems that animated gifs must be save at 256 colors, and the images that I'm going to be swaping out, looping through, are going to be about 400x300, I'm worried about the file sizes and that this rotating gif may be several hundred KBs.

Is there something that I can do to the images to lower image weight without losing quality... for instance, I hear that Debabelizer lets you strip out useless tags and pare down file size behind the scenes without loosing quality.  Does anyone have any experience here, or can you recommend a way to do this with some shareware or in Photoshop.

Thanks in advance for the advice, hope that everyone had a happy holidays and great New Year...
Starke
Logged

Rowan
hamburglar
Über Jedi
*****
Offline Offline

Posts: 1918


I used to be Human....2.0b


WWW
« Reply #1 on: January 10, 2007, 10:33:52 PM »

Have you consider using flash?

Since you a LP customer you should already have the software to creater gif's and flash:
http://www.coffeecup.com/gif-animator/
http://www.coffeecup.com/firestarter/

You may even be able to do it with javascipt, there are some scripts out there which loop, rotate and zoom in on jpegs.

p.s it's always a good idea to avoid animated gifs Smile
Logged

starke
Galactic Royalty
*****
Offline Offline

Posts: 245


WWW
« Reply #2 on: January 11, 2007, 11:11:42 AM »

Yeah, I've thought about using flash, and may go that direction in the future... probably will because it's cleaner and there are more effects.

I will check out the coffeecup software.

Any thoughts about decreasing image file size without decreasing colors, dimensions... with a program like debabelizer but shareware?

Also, why do you avoid animated gifs... know the javascript method, thought an animated gif might be better.
Logged

MrPhil
Quantum Encyclopedia Writer
*****
Online Online

Posts: 3397



« Reply #3 on: January 11, 2007, 12:06:17 PM »

My next concern though is about file size.  Since it seems that animated gifs must be save at 256 colors, and the images that I'm going to be swaping out, looping through, are going to be about 400x300, I'm worried about the file sizes and that this rotating gif may be several hundred KBs.

Is there something that I can do to the images to lower image weight without losing quality... for instance, I hear that Debabelizer lets you strip out useless tags and pare down file size behind the scenes without loosing quality.  Does anyone have any experience here, or can you recommend a way to do this with some shareware or in Photoshop.

Well, indexed 256 color GIF would have one byte per pixel in uncompressed format, so each image in the file is going to be fairly hefty. Don't animated GIFs permit image compression? GIF's compression isn't the best, but at least it's lossless (unlike JPEG, which doesn't animate anyway). Unfortunately, I don't think it does any compression across images, so (for example), a common background won't be saved only once. Flash or Shockwave might be able to reduce file size by saving only one copy of common parts of an image, but I'm not familiar enough with them to say for sure. I've never heard of Debabelizer, but it might be worth a try. At the very least, be sure to save your GIF files compressed (unless that's forbidden by animation).
Logged

starke
Galactic Royalty
*****
Offline Offline

Posts: 245


WWW
« Reply #4 on: January 11, 2007, 03:10:01 PM »

Regarding compression, I typically use photoshop... I'm not really a graphics person, but can get around the block when I need to...

Is there a special way to save with greater compression in photoshop 7.0.  Typically, I'll 'save for web', this shows me the file sizes when I'm choosing the format and number of colors when saved.

Debabelizer, as I understand it, is a program that strips out tons of extra background information that's also saved with an image.  Typically, an image is not just 0's and 1's representing pixels, but much more info too. (not an expert here, so if you are, please give my explanation a wide berth).  Most of this background information is unneeded.

I've seen some programs that allow you to remove alot of this garbage, and scene the results where you can keep picture quality, but lower image size by up to 80%.

I'd even search for these types of programs, but I"m not exactly sure of the search phrases to look for...
Logged

tarheit
Galactic Royalty
*****
Offline Offline

Posts: 461


WWW
« Reply #5 on: January 11, 2007, 03:17:54 PM »

By 'swaping out, looping through', do you mean like a slideshow?  If so there are plenty of simple javascript slideshows that simply load your jpg/png/gif in turn, some even with various transition effects.  It may be a much simpler way to go.

-Tim
Logged

MrPhil
Quantum Encyclopedia Writer
*****
Online Online

Posts: 3397



« Reply #6 on: January 11, 2007, 04:40:42 PM »

Regarding compression, I typically use photoshop... I'm not really a graphics person, but can get around the block when I need to...

Is there a special way to save with greater compression in photoshop 7.0.  Typically, I'll 'save for web', this shows me the file sizes when I'm choosing the format and number of colors when saved.

Most picture editing software should give you an option of "no compression" or "LZW compression" (or words to that effect) for GIF image files. I don't know of other compression methods available for GIF files, but there might be others. Some editors don't do the compression, because for a long time LZW was patented (Unisys) and most authors refused to either pay the licensing fee or break the law. Most recent levels of picture editors should permit compression, and may even do it by default since the patent expired.

Quote
Debabelizer, as I understand it, is a program that strips out tons of extra background information that's also saved with an image.  Typically, an image is not just 0's and 1's representing pixels, but much more info too. (not an expert here, so if you are, please give my explanation a wide berth).  Most of this background information is unneeded.

I've seen some programs that allow you to remove alot of this garbage, and scene the results where you can keep picture quality, but lower image size by up to 80%.

Wow, 80% is quite good! Are you sure this is specific to GIF files? I didn't know there was that much garbage in these files -- makes you wonder why it's there if it has no effect. If they really are compressing GIF files by 80 or 90%, I suspect that they're doing some subtle tricks to reduce the number of colors, which leads to better compression (at the cost of poorer picture quality). They may also be stripping out "useless" stuff like copyright notices! Of course, they're comparing it to a raw, uncompressed file.

Quote
I'd even search for these types of programs, but I"m not exactly sure of the search phrases to look for...

GIF, compression, LZW
Logged

starke
Galactic Royalty
*****
Offline Offline

Posts: 245


WWW
« Reply #7 on: January 11, 2007, 05:25:45 PM »

Your right tarheit, it might be just easiest to do some kind of swapping with Javascript, then I would be able to use jpegs and gifs with a quarter of the colors.

MrPhil, I might be overstating the file size savings with the 80%, but at the same time, I've talked to people that have SWORN by the amount of file size it had saved.

I don't think that it is a different compression format though.  I think that there is just that, so much useless information, that this strips out all of the extra, which was a bulk of the file size.  I'll see if I can't find a link.
Logged

Rowan
hamburglar
Über Jedi
*****
Offline Offline

Posts: 1918


I used to be Human....2.0b


WWW
« Reply #8 on: January 11, 2007, 09:29:15 PM »

Also, why do you avoid animated gifs... know the javascript method, thought an animated gif might be better.
Sorry I should of said animations, they are annoying Smile
Logged

starke
Galactic Royalty
*****
Offline Offline

Posts: 245


WWW
« Reply #9 on: January 11, 2007, 09:57:48 PM »

Annoying even when they are doing a bad break dance move like the robot?  Actually, that would be interesting to see in action, or atleast a few years ago...

When I say animated gif, I mean more rotating image gif.  My searches revealed more results from animation than rotating gifs...

Since I'm looking to switch out an image with the same dimensions, and really just considering looping through a timed sequence of a number of images, it sounds like javascript might just be the easiest thing to do...

Although, still need to check out coffeecup...
Logged

Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC

Valid XHTML 1.0! Valid CSS! Dilber MC Theme by HarzeM