I wasted more than 3 hours to create a animation on how to use the web app that I was working on. recorded my screeen using Simgle Screen Resorder [1] .

Converted the recorded video into several images using avconv [2] something like this

  avconv -i  00:00  1.mkv -t 15 op/frame_%03d.jpg

Create a gif using ImageMagick Convert Command-Line Tool [3]

  convert -resize 427x240 op/frame_*.jpg op.gif

Result is 20 mb GIF image.. I had to reduce the frames and some other parameters to reduce the size.

I feel HTML5 video is a better alternative, but I still need a gif.

[1] http://www.omgubuntu.co.uk/2013/12/simple-screen-recorder-li...

[2] https://libav.org/avconv.html

[3] http://www.imagemagick.org/script/convert.php