Recognizing and crediting the work of people in our community is something I - and the whole team - care very much about. I’d like to personally apologize to Jeremy for not identifying this as a copy of his work. The original piece can be found here, and we would recommend it to you.

It has been brought to our attention that this piece is a reworded version of an article published on the Google Web Fundamentals site, written by our friend Jeremy Wagner. With HTML5 video, you can reduce the size of GIF content by up to 98% while still retaining the unique qualities of the GIF format in the browser. However GIFs are a terrible format for storing video and are often huge in size leading to slow page load times and high data usage. They provide more engagement than an ordinary image, while remaining more digestible compared to a typical video. It can really help to see an animated gif of someone moving through a particular feature - it explains it better to see it in real time rather than just explained in static text.Animated GIFs are popular on the web for good reason. Depending on your movie, you might want to adjust the delay until the GIFs look to be a good speed.Īnd now my online tutorials and client training documentation look great.

I found that 8 makes the speed of the gif seem more natural. The original command had this set to 3, but things looked unnaturally sped up. -delay=8 creates an 80ms delay between frames.10 seems low but it looks pretty good for screen recordings. I tried rgb8 thinking that the file size would be significantly smaller, but for a screen recording, the color depth was poor and the compression patterns made it look awful. I use a tool from Andrew Hedges to figure out the aspect ratio and maintain it for resize. Otherwise this conversation will distort the original video. The aspect ratio of your original video should be maintained if you are resizing it. 600x480: This is the desired output size.Where input.mov is replaced with the name of your video file and output.gif is replaced with the name you wish to give the new animated gif. $ ffmpeg -i input.mov -s 600x480 -pix_fmt rgb24 -r 10 -f gif - | gifsicle -optimize =3 -delay =8 > output.gif

Ffmpeg gif speed up