Why Animated GIFs Suck

Not only does the ever-popular animated GIF have an extremely limited color palette (256 colors), due to its roots in the 1980s, but its primitive compression is a colossal waste of bandwidth. A modern video format produces files a fraction of the size, and with far superior image quality.

Take this clip as an example:

WebM (94KB) & H.264 (141KB) Video

Animated GIF (1741KB)

The fancy HTML video loads in a fraction of the time, and plays more smoothly. Note that, in this example, there’s no quality difference because I converted an existing GIF into a video. (This is the same process GfyCat uses.)

This is a pretty big deal in a world with slow connection speeds and puny cellular data caps. Watching about a thousand GIFs the size of this one (which is fairly modest as far as GIF file sizes ago) would easily put you over a 2GB data cap.

If you’re interested in converting GIFs to a proper image format, I made a fun command-line tool called GIFnuke. You can run it on a file, or a URL, and it will use ffmpeg to produce a tiny WebM file automatically. (No MP4 version yet, you’ll have to do that manually if you need it.)

  • James

    To find your sites value,alexa, networth and traffic statistics goto http://www.websitecost.org and get your site valuated today!

  • http://www.windelsolutions.com Roman

    I am reading all these blogs and bookmarked it. It was fabulous post for web designer and small business web design

  • Amaya Chaudhary

    yeah, right all the blogs are very helpful ,,,you can get all the details that must be known to a web developer .


  • https://www.10seos.com/top-seo-companies John Smith

    so true !

  • Elizabeth Hurley

    Thank you for sharing this GIF image. actually i am looking for Vector Logo design. Can you please give me some info on that?

  • http://walletonline.info/wallet/gdax/ jain sah

    Are you fed up of long time taken by transaction process in Binance? To get the appropriate and relevant assistance, users need to call on BINANCE customer care number. The experts are present every hour and minute to provide assistance and guidance to the users. https://www.cryptophonesupport.com/exchange/binance/

  • http://www.stitchmax.in stitchmax

    embroidery digitizing services in delhi , nice and impresive work o n this blog ,

  • Alireza Zarei

    interesting! please check my website as well


  • Luis M

    Thank you for this post. Found it very informative.
    Queens Court Reporting Service