Convert your html5 creative to animated GIF

This is an online html5 animation to GIF conversion tool. Upload your html5 animation and provide us few details. This may take up approximately 2 to 3 minutes and dependent on content's duration and dimension. Maximum supported zip file size is 60 MB, Maximum duration for conversion is up to 60 seconds. Maximum supported dimension either Horizontal 1920(width)x1080(height) or Vertical 1080(width)x1920(height).

Upload zip file of your creative. It should have one html file along with reference of assets (i.e js, css, images, fonts etc).

OR

Enter http/https url of your html creative.

Select Advance Options

Select number of loop exist in your creative.

Enter the duration of creative in seconds.

Please Note: If your creative has loop/iteration then enter the duration of single/first loop. For example, if you want to run animation till 30 seconds where each iteration run for 5 seconds, then enter the duration as 5 and select 6 from 'loop' drop down. (i.e (5 seconds for an interation/loop) x ( run it for 6 times/loop) = total running time is 30 seconds. It will result best file size for animated gif.

Select Ad Delivery Network (i.e banner gif with target file size).

Select frames per second. File size of GIF depends on FPS. Lower FPS means lower file size.

Enter the email. We will send you download link.

Two steps: Tool will extract images from your html animation till the specified duration. It will ask to choose Start and End frame (basically the range to cut it properly) and then it will generate the final output. If you are new user, then proceed with this option.

One Step: In this step, Tool will generate final output directly till specified duration. It is recommended for experiened user.

Select creative size (Width × Height). If not found in the list then please enter manually in the input box.

Enter width of creative between 30 and 1920.

Enter height of creative between 30 and 1920.

This is slightly slow encoder, it creates gif with good colors and optimized file size.

Select the quality. File size of GIF depends on Quality. Lower quality means lower file size.

Modern Appoach
5,000,00+ conversions

Guaranteed, smooth video at 60 fps with good quality from your HTML5 animation.

Best Relationship
15,000+ website users

Contact us immediately if you have a question in mind.

Ultimate tool
50+ API clients

We have created our own unique video rendering engine which make video as smooth as the animations in your html5 creative.

Frequently Asked Questions

  • Can I reduce file size of GIF?

  • Yes, you should select lower value for frames per second and quality (50%).

  • Is there another way to get 150KB gif with good quality?

  • Check this animation. File size is just 83 kb. It depends on your animation. Avoid animation in background photo or any type of picture. You should animate only text over the plan background. you should place photo beside the text as like a static portation with no animation (fade in/out etc). You should change the scene/slide by hiding current slide and then show next slide, instead of sliding whole scene/slide.

  • Can I specify target file size for GIF?

  • Absolutely yes, you can choose it from tool 'HTML5 to GIF'. See the option 'Ad Delivery Network (Target file size)'.

  • Why is the file size of a GIF too high?

  • It is depend on animation effects over the coloured region. Your html creative might be animating (i.e sliding, zooming) the photo or background.

  • What are the suggested tips for design of html creative so that i can create smaller file size of gif?

  • Followings are suggestion for design changes in HTML5 creative:

    Do not to slide, zoom in/out, fade in/out to the photo (coloured). Place photo as static or fixed position.

    Do not to slide, zoom in/out, fade in/out to the gradient background.

    Apply all type of animation effects only on text/message/label.

    Use single solid color as much as possible instead of gradient.

  • What if my conversion gets stuck till long time?

  • You should check it again by refreshing the browser. If progress of the record doesn't get changes, you should try again with new job.