Free Lottie to APNG Converter
Convert Lottie animations to Animated PNG in seconds. True transparency, 24-bit colour — all in your browser.
1. Upload your Lottie JSON file
Drag & drop your file here or click to browse
Only .json files (max. 10MB)
Initializing...
Preview
Upload a Lottie JSON file to see the preview
Size
-
Duration
-
Frames
-
Original FPS
-
Why Convert Lottie to APNG?
APNG (Animated PNG) combines the animation support of GIF with the full colour depth and true alpha transparency of PNG. It's ideal when you need smooth gradients, anti-aliased edges, or semi-transparent elements — areas where GIF's 256-colour palette falls short.
Our converter renders each frame client-side using lottie-web and assembles them into a standards-compliant APNG file, all without touching a server. Your Lottie files never leave your device.
How to Convert Lottie to APNG in 4 Steps
Converting your Lottie animation to Animated PNG is quick and straightforward:
Upload your Lottie file
Drag and drop a Lottie JSON file onto the upload area, or click to browse. The tool shows a live preview and auto-fills the size and FPS from the source file.
Configure the output
Set the output width, height, and frame rate. Adjust compression quality and choose how many times the animation should loop (0 = infinite). Optionally trim to a specific frame range.
Click Convert
Hit the Convert button. A progress bar tracks the rendering process frame by frame. For long animations this may take a few seconds.
Preview and download
Switch to the APNG tab to preview the result. When you're happy, click Download to save the .apng file to your device.
The entire conversion happens in your browser. No file uploads, no accounts, no wait times.
Why Use Our Lottie to APNG Converter?
Here's what sets our tool apart from other conversion options:
True Alpha Transparency
Unlike GIF, APNG preserves full 8-bit alpha per pixel — smooth edges, shadows, and semi-transparent layers all render correctly.
24-bit Colour Depth
APNG supports over 16 million colours — gradients and photographic textures look crisp instead of dithered.
Client-side Processing
All rendering and encoding happens in your browser. Your files never leave your device — complete privacy guaranteed.
Auto-populated Settings
Width, height, and FPS are pre-filled from the source Lottie file so you spend less time configuring defaults.
When to Use APNG Instead of GIF
APNG excels in scenarios where GIF's colour limitations are a problem:
Web & App UI Animations
Embed APNG in HTML or CSS — it's supported natively in all modern browsers without a JavaScript player.
Messaging & Stickers
Export Lottie stickers as APNG for platforms that accept animated PNG but not Lottie JSON.
Email Campaigns
Some email clients display APNG. When a fallback PNG is needed, the first frame is shown automatically in unsupported clients.
Design Documentation
Share animation specs with stakeholders as APNG — no Lottie viewer required, plays in any browser.
Social Media Posts
Upload animated PNGs to platforms that accept them (Discord, Telegram) to showcase smooth Lottie animations.
Tips for Best APNG Quality
Get the most out of your Lottie to APNG conversions:
Export at 2× for Retina
Export at 2× the display size (e.g. 400 px for a 200 px slot) so the APNG looks crisp on high-DPI screens.
Use 24 FPS for Smooth Motion
24 FPS matches cinematic standards and keeps file sizes manageable. Drop to 12 FPS for simple loaders, go up to 30 FPS for fast-action animations.
Trim Unused Frames
Use Frame Start and Frame End to export only the meaningful portion of an animation — fewer frames means a smaller file.
Transparent Background for Overlays
Choose "Transparent" background when the APNG will be placed on a coloured surface — avoids a white box around the animation.
Privacy and Security
We take your privacy seriously. Unlike most online converters that upload your files to remote servers, our tool processes everything locally.
No uploads – Your files are processed entirely in your browser. They never touch our servers.
No tracking – We don't log which files you convert or what settings you use.
No accounts – Use the tool immediately. No registration, no personal data required.
Inspect it yourself – Open DevTools and watch the network tab. You'll see zero file uploads.
Frequently Asked Questions
Everything you need to know about Lottie animations and our tools.
How do I convert a Lottie animation to APNG?
Upload your Lottie JSON file, configure the output size, FPS, quality, and frame range, then click Convert. Download the resulting .apng file directly to your device.
What is APNG and how is it different from GIF?
APNG (Animated PNG) supports 24-bit colour and full 8-bit alpha transparency, while GIF is limited to 256 colours and binary transparency. APNG files look sharper, especially on gradients and smooth edges.
Is this converter free?
Yes, completely free. No registration, no usage limits, no hidden fees.
Are my Lottie files uploaded to your servers?
No. Everything runs in your browser using JavaScript and HTML5 Canvas. Your files never leave your device.
Which browsers support APNG?
APNG is supported in all modern browsers: Chrome, Firefox, Safari, Edge, and Opera. Internet Explorer does not support APNG — use GIF as a fallback for legacy support.
What frame rate should I use?
24 FPS is a good default for most animations. Use lower values (12–15 FPS) to reduce file size for simple icons, and higher values (30 FPS) for fast-moving animations.
Why is my APNG file large?
APNG size scales with resolution, frame count, and frame rate. Try reducing width/height or FPS, or trimming the frame range to just the meaningful portion of the animation.
Can I export just part of the animation?
Yes. Use the Frame Start and Frame End settings to export any sub-range of the animation.
What quality setting should I use?
Quality controls the PNG compression level (1 = maximum compression/smaller file, 100 = no compression/larger file). For most uses, 80 is a good balance between size and speed.
Related Tools
Convert Lottie animations to GIF format with transparent background support.
Convert animations to WebM video format
Export Lottie animations as numbered PNG frames in a ZIP archive.
Convert animations to MP4 video format