What Twitter Isn’t Telling You About GIFs

The 13 year old in all of us rejoiced when Twitter started supporting GIFS! Yaayyy, but I’m here to crush your dreams, Twitter’s GIFs are actually displayed as looping videos.

image

Womp, Womp.

We did a little test, here is the original:

image

Here is the Twitter “GIF”.

It appears that on upload, Twitter is converting the GIF to an MP4 and embedding the video instead. Why would they do such a crazy thing? Well, size and control.

Size

GIFs are terrible at compression. The original GIF above is 500kb while the mp4 version is only 100kb. A GIF is literally a sequence of independent images squeezed into the same file. An mp4 video can take advantage of all kinds of fancy compression techniques like keyframes and forward-predictive frames.

If most of your users are on mobile, this is a huge win. Even desktop users will notice better performance on a page with many GIFs.

Control

Pausing a GIF isn’t really possible. There are some tricks to swap out the gif with a static frame, but it’s not built into the browser. Videos allow Twitter to leverage the browser. This means play, pause, and seek, but also cool things like slow-motion. Think your GIF is funny now? Wait til you see it in slow motion.

Cool story, so why is this important?

Now you don’t have to wait an hour for a GIF to load on your phone. Hopefully this technique catches on and we’ll have faster GIF sharing all around.

Specifically for Twitter, I think this leads to future video sharing directly through the app.  Twitter seemed late to the GIF game, but they’re ahead of us all.

Long live the VIF.

Posted 1 month ago by screeley
Embed This
  1. bearsbeatbattlestar reblogged this from embedly and added:
    Really wish tumblr would start doing this ‘gif-as-looping-mp4’ trick. Tired of taking shit taking forever to load.
  2. g3niu5 reblogged this from embedly
  3. owenblacker reblogged this from embedly
  4. merecolai reblogged this from embedly
  5. nickalt reblogged this from embedly
  6. gibralter reblogged this from embedly
  7. thebeeobee reblogged this from embedly
  8. starsblinkout reblogged this from embedly and added:
    Very interesting.
  9. bradoyler reblogged this from embedly
  10. nordicninja reblogged this from embedly
  11. fullmealjacket reblogged this from embedly
  12. lafregna reblogged this from embedly
  13. filmgirl reblogged this from embedly
  14. press-start-to-play reblogged this from embedly and added:
    Personally i prefer webm. But this is pretty cool.
  15. dolfinsbizou reblogged this from embedly
  16. sentientenergy reblogged this from embedly