This tool converts Lottie animations (JSON) into animated WebP files, offering high-quality visuals with smaller file sizes for the web
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 WEBP" option.
Select Advance Options
Check this box to create an animated webp 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.
Choose the number of loops for the output webp.
Enter the animation's duration in seconds.
Please keep in mind that if your creative includes a loop/iteration, you must enter the duration of the single/first loop. For example, if you want to run an animation for 30 seconds with each iteration lasting 5 seconds, enter 5 as the duration and 6 from the 'loop' drop down.
Enter the width for output between 30 and 1920.
Enter the height for output between 30 and 1920.
Select compression level.
Select frames per second. WEBP file size is determined by FPS. Lower FPS means smaller file size.
Two steps: The tool will extract photos from your svg 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.