Tyler Sticka

Is there a viable animated GIF alternative yet or what?

https://cloudfour.com/thinks/animated-gif-alternative/

We need to talk about video and animated image formats in the same breath. Many articles compare video formats to GIF, or image formats to each other, but rarely are all possible formats discussed together. WebP is smaller than GIF, great, but why use that instead of WebM? AVIF is smaller than WebP, sure, but is it also smaller than existing video formats?

If you have animated GIFs to put in your content, but want to show them as videos on you site, I wrote almost 5 years ago about how to convert animated GIF to videos with Cloudinary.

• older link:
  Watch Out for Layout Shifts with ‘ch’ Units
• newer link:
  Cyclic Dependency Space Toggles

---

Related contents with similar topics

1. • Nicolas Hoizey
   • 24 May 2023
   • responsive, video, WebPerf
   • 20 reactions
   • permalink

   I really like to see that all browser vendors agree with @[email protected] that we need @​media, srcset and sizes for <video> as for <img>/<picture>! 🤩

   https://github.com/whatwg/html/issues/6363

2. Using Cloudinary to convert an animated GIF to a video

   • Nicolas Hoizey
   • 1 August 2018
   • video, GIF, Cloudinary, WebPerf
   • 102 reactions

   I like animated GIFs, like most people these days I think, but they are really heavy, hurting the performance of web pages, and consuming data plans faster than should be needed. So we need to convert them to videos, which are much lighter, for the same visual result. Let's use Cloudinary.