You are viewing dannyblue

Previous Entry | Next Entry

Tutorial: Resizing Animated Gifs

writer at work
                   

You come across an animated gif that you would love to use as an icon, or in the sidebar on your LiveJournal. But the gif is 300x169, much too big for either of those. (Unless you have a really wide sidebar.) You're going to have to resize the gif. Easy, right?

Well, resizing an animated gif isn't as easy as resizing a static image. Use the wrong graphics editor, and your gif won't be animated anymore. Which would sort of defeat the whole purpose of what you're trying to do.

Luckily, there are two quick and easy ways to resize an animated gif. One uses Animation Shop. The other uses one of the completely free software programs I found during one of my freeware binges. (It's a harmless addiction.) And this program requires no installation. Bonus!


Resizing a Gif Using Animation Shop

First, open the gif in Animation Shop.

Note: I've come across some "gifs" that have a .jpg extension instead of a .gif extension. Before opening one of these files in AS, change the extension from .jpg to .gif, and it should work just fine.




In the Animation menu, select "Resize Animation."



In the resize dialog, type in the new size for your gif. Make sure "Maintain aspect ratio" is checked. And you'll probably want to use "Smart size" as the Resize Type.



Click "OK." Then go to the File menu and us "Save As" to save the resized gif with a new name. You might have to go through the Optimization process. If so, make sure that, when you reach the below dialog box, the slider in the circled portion is set to "Better Image Quality."



And, quick as that, I went from a gif that's 300x169 to one that 150x85. Perfect for use in a LiveJournal sidebar. The filesize has shrunk too, from 2.8 MB to less than 1 MB. Nice.

                   


Resizing a Gif Using Gif Resizer

If you don't have Animation Shop, never fear. You can resize your gifs using a free program called Gif Resizer, which you can get here:

http://www.ashongsoft.com/product/gif-resizer.html


Gif Resizer requires no installation. So, of course, I like it to bits.

Note: I've come across some "gifs" that have a .jpg extension instead of a .gif extension. And, sadly, Gif Resizer won't recognize a file with a .jpg extension. But easy squeezy. All you have to do is change the extension from .jpg to .gif, and it should work just fine.

This is what Gif Resizer looks like.



And here's how you use it.

A. Click on the button labeled "A" to open the gif you want to resize.
B. Click on the button labeled "B" to give your new gif a name, and choose a destination folder for it. (By default, it will go into the same folder as the original gif.)
C. The circled area is where you choose a new size for your new gif. Make sure "Keep aspect" is checked.
D. Put a check in "Good quality" to make sure your gif is the best quality possible. It will take a little longer for the resizing to be complete, but it'll be worth it.
E. Finally, click on Resize.

And that's pretty much it. Here are the results.

                   

And the filesize dropped from nearly 2 MB to half an MB. Very good.

Gif Resizer is actually easier to use than Animation Shop. But AS has more features. If all you want to do is resize a gif really fast, or the gif you want to resize doesn't need any fiddling, Gif Resizer is all you need. If you want to do something extra (like cropping, or adding text) Animation Shop might be the way to go.

Well, that's all. Now, I'm going to go play with free program I just found. You can check out some of my other tutorials at my LJ.

Tutorials by Dannyblue

Oh, and if you take any of the above gifs, please credit. :-)

Comments

( 23 comments — Leave a comment )
hollywoodgrrl
Apr. 12th, 2010 03:31 am (UTC)
I appreciate all the work you put into the tutorial, but honestly I came over here to tell you how much YOU ROCK for using such hot Seeker gifs as examples. Thumbs up! :D
dannyblue
Apr. 13th, 2010 01:12 am (UTC)
Well, LotS was the show that really got me started making gifs, so using it in the tut was a natural. :D
beeej
Apr. 12th, 2010 03:55 am (UTC)
Thanks for this! It's going to come in very handy. :)
dannyblue
Apr. 13th, 2010 01:13 am (UTC)
You're welcome.
workinonforever
Apr. 12th, 2010 03:57 am (UTC)
I use photoscape to resize my animations but this is a very good tuturial.
dannyblue
Apr. 13th, 2010 01:15 am (UTC)
Thanks. I wanted to let people who might not know about Animation Shop, etc., and just wanted to make gifs smaller, another, easier option. And I'm all about easy. :D
m0ckin9bird
Apr. 12th, 2010 05:19 am (UTC)
Thanks so much for this! memming ♥
dannyblue
Apr. 13th, 2010 01:15 am (UTC)
You're welcome. :D
glimmerless
Apr. 12th, 2010 10:27 am (UTC)
thanks for this!
dannyblue
Apr. 13th, 2010 01:15 am (UTC)
You're welcome. :)
kj_svala
Jun. 9th, 2010 09:22 am (UTC)
Thank you for this tutorial!

I`m using Animation shop for my anis, and it saves me a lot of work when I do as you explained *g*
dannyblue
Jun. 23rd, 2010 09:14 pm (UTC)
Sorry for the late response, and I'm glad the tutorial made things a little easier for you. :)
ivandam012
Aug. 21st, 2010 01:07 pm (UTC)
thank yo'
dannyblue
Aug. 29th, 2010 07:40 pm (UTC)
I know it might seem a little late to be saying, "You're welcome," but you're welcome. :D
icedevil0289
Sep. 12th, 2010 02:57 am (UTC)
i was able to reduce the gif a considerable amount, but for some reason I am not able to upload it into LJ as an icon because the byte size is still too big. It says that the max byte size should be 40960 bytes, but the gif that I reduced to is like yet the pixels are 126,621 and the dimensions are 100X66. Is ther anyone to reduce the bytes without make the gif extremely tiny?
dannyblue
Sep. 12th, 2010 04:17 am (UTC)
There are several ways to decrease the file size. But some of them will require a program like Animation Shop.

1) You can make the gif smaller, so it's 75x75 (for example) instead of 100X100.

2) You can lower the quality of the gif. Which actually doesn't always hurt it. With some gifs, you can lower the quality quite a bit before you really notice it visually.

3) You can make the gif shorter, which can make quite a difference.

4) You can remove selected frames from the gif. For example, if you have a gif that's 100 frames, removing every fourth frame (for example) will make the gif shorter, but you won't be able to even tell those frames are missing in most cases.

And I just got all technical and confusing, didn't I? :D

I just might do another tutorial to really lay it out. In the meantime, the above might have helped you a little. Maybe? :D
icedevil0289
Sep. 12th, 2010 04:26 am (UTC)
hhaha sort of. I really don't know how to do any of the things mentioned. I'm like a complete mess when it comes to things like this. I used the second option and I had to reduce the dimensions to like 60X30 or something like that in order to get it to 40,000 bytes, but that makes the gif soo tiny.

but thank you sooo much anyway. It still helped alot cause I was searching forever on how to reduce gifs and it was perefect for dummies like me.

perhaps using animation shop would be better. is there any version of animation shop you reccomend?

dannyblue
Sep. 12th, 2010 04:45 am (UTC)
Animation Shop 3 is the version that's been around forever. It comes free with Paint Shop Pro, or you can buy it on its own for about $20.

You can also get a 30-day free trial version here.

Animation Shop Free Trial
dannyblue
Sep. 13th, 2010 08:36 pm (UTC)
Hey, your questions inspired me to write a tutorial about decreasing gif file sizes. :D

You can check it out here.

http://dannyblue.livejournal.com/43602.html
icedevil0289
Sep. 13th, 2010 09:45 pm (UTC)
thank you so much.
schizojane
Dec. 23rd, 2010 09:21 am (UTC)
This is pretty useful, thank you!
*O* meming~ might come in handy.
dannyblue
Dec. 27th, 2010 06:47 am (UTC)
This is pretty useful, thank you!

You're welcome. :D
lovexall
May. 29th, 2012 09:57 pm (UTC)
Thank you for taking the time to do this. You helped out so much. I just thought that my computer was being weird by not showing my GIF moving.
( 23 comments — Leave a comment )
Powered by LiveJournal.com
Designed by yoksel