title: Create a GIF from an HTML animation
body: <p><strong>THE PROBLEM</strong></p>
  <p>I've created an HTML animation using <a href="https://www.google.com/webdesigner/" rel="nofollow noreferrer">google web designer</a>, then I need to export my project as a GIF. Google web designer doesn't provide any tool to export as GIF so:</p>
  <p><strong>WHAT I'VE TRIED</strong></p>
  <p>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.</p>
  <p><strong>CONCLUSION</strong></p>
  <p>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.</p>
  <p>Can someone provide me with a better solution or something to improve the quality of the result?</p>