'Create a GIF from an HTML animation

THE PROBLEM

I've created an HTML animation using google web designer, then I need to export my project as a GIF. Google web designer doesn't provide any tool to export as GIF so:

WHAT I'VE TRIED

I've tried to record my screen (using quick time player for MAC) crop and cut the result and then convert the MP4/MOV file to the GIF.

CONCLUSION

I'm not very satisfied with the result, the resulting GIF is very big (HTML is like 20KB and the GIF is 500+KB ) and the quality is mediocre.

Can someone provide me with a better solution or something to improve the quality of the result?

htmlcss-animationsanimated-gifgoogle-web-designer


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions