편리님 블로그에 좋은 자료가 있네요.

워드프레스용이지만 조금만 수정하면 그누보드에서도 쓸 수 있을 것 같습니다.

아시다시피 움직이는 gif의 압축률은 mp4보다 webm이 더 좋은 것으로 알려져있습니다.

현재로서는 아이폰과 사파리에서 webm이 지원안되기 때문에 범용성을 생각해서 mp4를 많이 쓰는데요.

링크에 따르면 동시에 생성 후 브라우저에 따라서 선택적으로 출력할 수 있는 것 같습니다.