Skip to main content
Participant
December 4, 2018
Question

Problem with rendering GIFs in After Effects

  • December 4, 2018
  • 2 replies
  • 11751 views

I'm creating a simple GIF using only PNG and JPG files. My actual AE project file is small. It's a little under 3 MB, however when I export to render queue or to the Media Encoder render queue the rendered GIF size is no less than 140 MB and at most 1.5 GB. I don't even have video in the GIF. I've never had this problem before and I cannot figure out how to fix it. Has anyone had success resolving this issue?

2 replies

bucksommerkamp
Community Expert
Community Expert
December 4, 2018

If there's no video, I'd move this entire task to Photoshop, which has specific features for creating animated .gifs and won't swell the file size to that degree.

imeilfx
Inspiring
December 4, 2018

The best way to work with gif is to:
a) prepare everything in AE
b) export that animation as a video (f. eg. h264 mp4)
c) open Photoshop
d) import ypour video into PS
e) export your gif by going to File/Export/Save for web

As for file size everything depends on:
a) what FPS your animation have (lower fps = smaler size
b) file resolution - smaller resoluion - smaller size. I know that it is obvious for most but if is not to good on compression side so standard full hd animation saved as a gif can give much larger file size than some standard video formats.

Participant
December 4, 2018

Hi Imeilfx,

My GIF is a bit too long for PS. PS limits to only 500 frames. Mine is about 18 seconds, well over 500 frames.

I have a low FPS. Also, I created several GIFs before this and never encountered this problem. I haven't a clue what setting has changed to make these files so large on export. Please let me know if anything else strikes you. Thanks!

Community Expert
December 4, 2018

When you create an animated GIF you should have no duplicate frames, the frame rate should be no higher than 15 (12 is better) and you should be controlling timing by setting the duration of individual frames. For example, a one-minute looping banner with transitions between 10 different slides that need to be on screen for 6 seconds could be as small as  if the transitions were all 1/2 second at 12 fps. 10 X 12 = 120 + 6 frames held for 10 seconds each makes the entire one minute animated gif only 126 frames long. I used to do that kind of work all the time for clients.

18 seconds at 12 fps is only 216 frames. At 15 fps 18 seconds is only 270. If there are no duplicate frames in the GIF I can see no reason for any more frames than that.

Think of animated gifs as cartoons. Buggs Bunny looked just fine at 12 FPS. That's right, traditional hand-drawn animation was and is actually only 12 frames per second because each drawing was photographed twice. There is no reason I know of for an animated gif to be more than 15 fps.

This animated gif that I found on the web is only 10 frames:

bigstub120x600.gif

That's how you make an efficient animated GIF. After Effects alone is not the right tool.