Convert your lottie animation to PNG (animated)

This is an online lottie to PNG (animated) converter. Upload your lottie json and provide us few detail. This could take 2 to 3 minutes, depending on the length and dimension. The maximum conversion time is 60 seconds. Horizontal 1920(width)x1080(height) or Vertical 1080(width)x1920(height) are the maximum supported dimensions.

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

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

Select Advance Options

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

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

Choose the number of loops for the output png.

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.

Lottie animation is automatically set to loop infinitely. If you want your animation to play only once, you can disable looping by selecting 'No'. Otherwise, choose 'Yes.'

Enter the width for output between 30 and 1920.

Enter the height for output between 30 and 1920.

Select frames per second. PNG file size is determined by FPS. Lower FPS means smaller file size..

Two steps: The tool will extract photos from your lottie 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

  • 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 APNG?
  • Animated Portable Network Graphics (APNG) is a file format which extends the Portable Network Graphics (PNG) specification to permit animated images that work similarly to animated GIF files, while supporting 24-bit images and 8-bit transparency not available for GIFs. It also retains backward compatibility with non-animated PNG files. The first frame of an APNG file is stored as a normal PNG stream, so most standard PNG decoders are able to display the first frame of an APNG file. The frame speed data and extra animation frames are stored in extra chunks (as provided for by the original PNG specification). APNG competed with Multiple-image Network Graphics (MNG), a comprehensive format for bitmapped animations which was created by the same team as PNG and is obsolete. APNG's advantage was the smaller library size and compatibility with older PNG implementations. In a comparison made between GIF, APNG and lossless WebP, APNG had the lowest file size.

  • Is it possible to modify the background colour?
  • Yes, select "Select Background" or enter the custom (HEX) code in the input box. For example, #000000 represents black and #FFFFFF represents white.

  • Is it feasible to export Lottie animation as a transparent APNG?
  • Yes, select the option "Make Background Transparent*". An APNG, or Animated Portable Network Graphic, provides both 24-bit colour and 24-bit transparency, allowing for high-quality animation with a transparent background.

  • Is APNG a lossy or lossless format?
  • The simple answer is that PNG files provide lossless compression while JPEG files do not. This means that, unlike JPEGs, PNGs do not lose any image data when compressed. On the other hand, lossless compression causes PNGs to be significantly larger files than JPEGs, necessitating more storage space.

  • Is APNG more compact than GIF?
  • Both GIF and APNG are lossless, however apng is smaller and has higher quality (more colours and transparency). Unfortunately, apng is largely unsupported, however this may change in the future.

  • What can APNG be used for?
  • APNG files may store 24-bit pictures and have an 8-bit transparency. Backward compatibility with non-animated GIF files is provided by APNG. APNG files have the same.png extension as PNG files and may be accessed by software such as Mozilla Firefox, Chrome with APNG compatibility, and iOS 10 iMessage apps.

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