Convert your lottie animation to WEBM video

This is an online lottie to webm video converter. Upload your lottie file and supply us with a few details. This could take 2 to 3 minutes, depending on the length and dimension. Horizontal 1920(width)x1080(height) or Vertical 1080(width)x1920(height) are the maximum supported dimensions.

Upload .json or .lottie of your lottie animation.
OR
Upload the zip file. It should include a json file in addition to its assets (such as photos, manifest.json, and so on).

OR

Enter url of lottie json. (For example: https://yourserver/..../abc.json).

Please Note: If you have included lottie animation/json within the html/web page, choose the "HTML5 to WEBM" option.

Select Advance Options

Check this box to create an webm video with a transparent background.

Specify to the lottie-player how the animation should render on the page. You can render it with SVG or CANVAS.

Try changing the 'lottie-player renderer' or 'Background color' if you don't see the preview in the top window after selecting your content.

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 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

  • Does your utility convert .lottie file to webm video?

  • Yes.

  • What is a .lottie file?

  • A .lottie file is a lightweight, JSON-based file format for scalable, interactive animations. It is used primarily for web, mobile, and desktop applications. .lottie files are designed to store high-quality vector animations in a small file size, making them efficient for use in digital applications. The .lottie format is an open standard, making it widely accessible for developers and designers. In general, the ttol Adobe After Effects (with the Bodymovin plugin) exports the .lottie files

  • What is the maximum length for turning lottie animation into a WEBM?

  • The maximum supported length is 120 seconds.

  • 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 are the differences between the web HTML, SVG, and Canvas rendered?

  • Technically, lottie-player only renders either in an SVG (HTML or SVG DOM element) or a Canvas element. When using SVG to render animations, all the SVG content is added to the SVG DOM element and can be seen when viewing the source code of the web page. On the other hand, when using canvas to render animations, the animation content is drawn onto the canvas surface, leaving the HTML DOM untouched and uncluttered. SVG does support more of the Lottie features, however, the drawback of SVG is that the changes made to the HTML DOM incurs performance penalties.This is why Canvas is more performant, even though lottie-player only renders to Canvas in 2dContext (less features supported).

  • 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 different 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.