Convert your html5/css animation into the WEBM video

This is an online html5/css animation to WEBM converter. Upload your HTML5 animation and provide us with some information. This could take 2 to 3 minutes, depending on the length and dimension of the animation. The maximum supported zip file size is 60 MB, and the maximum conversion time is 60 seconds. Horizontal 1920(width)x1080(height) or Vertical 1080(width)x1920(height) are the maximum supported dimensions.

Upload zip file of your creative. It should include one html file as well as references to assets (such as js, css, pictures, fonts, and so on).

Enter your HTML creative's http/https url.

Select Advance Options

Check this box to create a APNG with a transparent background.

Select frames per second.

Enter the duration of the creative in seconds. Unpaid members can convert for up to 30 seconds.
Maximum supported duration is 200 seconds for 1280x720 (or less) and 90 seconds for HD video.

Enter the width for output between 30 and 1920.

Enter the height for output between 30 and 1920.

Choose the value for the bit rate unit. A range of 17 to 20 usually offers good quality and a reduced file size. Higher bit rate value result in lower quality, whereas lower bit rate value result in higher quality.

Two steps: The tool will extract photos from your html/css animation for the length given. It will prompt you to select the Start and End frames (essentially the range to appropriately chop it) before generating the final result. If you are a new user, choose this option.

One Step: In this step, the tool will generate the final output directly till the duration limit is reached. It is only for experienced users.

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 generate a transparent video?
  • Yes, you can convert your creative to a transparent WEBM video.

  • What is the best possible video FPS setting?
  • All html5 animations run in the browser at or above 60 frames per second. It also depends on the script, CSS, and how an effect is applied to the elements. That is why we recommend using 60fps for smooth video.

  • What exactly is the bit rate?
  • Bitrate is the number of bits per second. The symbol is bit/s. It generally determines the size and quality of video and audio files: the higher the bitrate, the better the quality and the larger the file size because File size = bitrate (kilobits per second) x duration. In most cases, 1 byte per second (1 B/s) corresponds to 8 bit/s.

  • What effect does bitrate have on video quality?
  • Absolutely yes, video bitrate affects video quality in several ways. First, it is the key measure of any video file size. Secondly, high video bitrate results in high video quality and low bitrates result in poor video quality. However, using extreme high bitrate is just waste bandwidth. Video quality is also depend on the images quality used in your animation.

  • What is H.264 encoder?
  • H.264 is an industry standard for video compression, the process of converting digital video into a format that takes up less capacity when it is stored or transmitted. Video compression (or video coding) is an essential technology for applications such as digital television, DVD-Video, mobile TV, videoconferencing and internet video streaming. Standardising video compression makes it possible for products from diļ¬€erent manufacturers (e.g. encoders, decoders and storage media) to inter-operate. An encoder converts video into a compressed format and a decoder converts compressed video back into an uncompressed format.
    Summary, a video with H.264 compression will run most of devices.

  • What if my conversion becomes stuck for an extended period of time?
  • You should double-check it by refreshing the browser. If the record's progress does not change, you should try again with a fresh job.