search

nhoizey / jekyll-cloudinary

Jekyll plugin adding a Liquid tag for Cloudinary, for better responsive images
https://nhoizey.github.io/jekyll-cloudinary/
MIT License
90 stars 18 forks source link

Use Cloudinary to convert animated GIFs to videos #33

Open nhoizey opened 6 years ago

nhoizey commented 6 years ago

https://twitter.com/nhoizey/status/943789684769067009

eeeps commented 6 years ago

Note that Cloudinary is working on making f_auto smart about https://calendar.perfplanet.com/2017/animated-gif-without-the-gif/ – so that, from one URL, browsers that support MP4s-in-<img> would get MP4s, while those that don't would still get Gifs.

Functionality like this would simplify work within jekyll-cloudinary a lot, and the resulting <img> would perform a bit better than a <video> would (because the <img src> gets preloaded, and the <video src> load takes 1+ extra round trips to support buffered loading). But until other browsers implement video-in-<img>, the trade-off of using <img> instead of <video> right now is that you'll still be sending Gifs to a bunch of people (whereas with <video autoplay loop muted>, everybody could get an H.264 today.)

Noting official yet, Cloudinary's plans could change, and maybe this is not a trade-off that makes sense in this context right now – but it’s something to be aware of at least.

nhoizey commented 6 years ago

@eeeps hi Eric, would you still recommend use <video>, a few months later?

eeeps commented 6 years ago

<img src='mp4'> status:

So right now – <video autoplay loop muted> is unfortunately still the safest bet, for the foreseeable future.

nhoizey commented 6 years ago

Thanks a lot for the details @eeeps!

I choose the <video> path for this silly plugin easing sharing of Giphy animated GIFs: https://github.com/nhoizey/nicolas-hoizey.com/blob/master/_plugins/giphy.rb

I wonder if I could/should make it more generic, and part of this plugin.

eeeps commented 6 years ago

If you do, this is a good read: https://webplatform.news/issues/2017-10-26#-video-autoplay-instead-of-animated-gif

nhoizey commented 6 years ago

@eeeps thanks for the link, very useful!

Here what I already did: https://nicolas-hoizey.com/2018/08/using-cloudinary-s-fetch-api-to-convert-an-animated-gif-to-a-video.html