Free Lottie to PNG Sequence Converter
Extract every frame of your Lottie animation as a high-quality PNG. Download all frames in a ZIP — ready for video editing, slide decks, or sprite sheets.
1. Upload your Lottie file
Drag & drop your file here or click to browse
.json or .lottie files (max. 10MB)
Initializing...
Preview
Upload a Lottie file to see the preview
Size
-
Duration
-
Frames
-
FPS
-
What is a Lottie to PNG Sequence Converter?
How to Use the PNG Sequence Converter
Upload Your Lottie File
Click the drop zone or select a Lottie JSON file from your computer. The animation will preview instantly.
Configure Export Settings
Choose your output size (100–2000px), export FPS, and background style (transparent or solid color).
Click Export
The converter will render every frame to a canvas and encode them as PNG images. A progress bar shows the rendering and compression status.
Download Your ZIP
Once complete, download the ZIP archive containing all numbered PNG frames (frame-001.png, frame-002.png, etc.).
Key Features
Transparent PNG Support
Export frames with full alpha-channel transparency. Perfect for overlays and composite workflows.
Custom Output Size
Resize frames to any dimension between 100 and 2000 pixels. Aspect ratio is automatically maintained.
Adjustable Frame Rate
Sample frames at the animation's native FPS or any custom rate (1–60 FPS). Lower FPS = fewer frames and smaller files.
100% Browser-Based
All frame rendering and ZIP compression happens on your device. No server uploads, no third-party processing.
ZIP Bundle Download
All frames are automatically compressed into a single ZIP file for easy sharing and storage. No quality loss—PNG is lossless.
Popular Use Cases
Video Editing & Compositing
Import the PNG sequence directly into DaVinci Resolve, Premiere Pro, After Effects, or Final Cut Pro as an image sequence. Edit, color-grade, and composite with full control.
Game Development
Use the frame sequence to create sprite sheets or animated textures in Unity, Unreal Engine, or Godot. Perfect for characters, particles, and UI animations.
Presentation & Slide Decks
Add Lottie animations to PowerPoint, Google Slides, or Keynote by importing individual frames or creating a video from the sequence.
Web Design & Asset Export
Extract frames for web image optimization, create animated GIFs from the PNG sequence, or use as reference material for pixel-art versions.
Animation Testing & Review
Break down animations frame-by-frame for detailed review, timing analysis, and client feedback. Easier than real-time playback for frame-by-frame inspection.
Design Handoff & Documentation
Deliver animation specifications to developers and designers by providing a visual frame sequence that clearly shows motion and timing.
Pro Tips
Match Your Target Resolution
Set the output size to match your intended use. For 1080p video, export at 1080px width. For web, 800px is usually sufficient.
Use Native FPS for Completeness
Set FPS to 0 (native) to get every frame of the animation. Only reduce FPS if you want a preview-quality or smaller export.
Transparent vs. Solid Background
Use transparent for layering and compositing workflows. Use solid color if you need the frames to match a specific background or theme.
Estimate File Size First
The tool shows an estimated frame count and ZIP size before exporting. For animations with 500+ frames, consider reducing FPS or output size.
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 export Lottie frames as PNG?
Upload your Lottie JSON file, configure output size, FPS, and background, then click Export. All frames are rendered and packaged into a ZIP archive you can download instantly.
What is a PNG sequence?
A PNG sequence is a series of numbered still images (frame-0001.png, frame-0002.png, …) that together represent an animation. Video editors and game engines import them as sprite sheets or image sequences.
Will the PNG frames be transparent?
Yes. Select "Transparent" background to get PNGs with an alpha channel. Use "Solid" to composite frames over a color before exporting.
How many frames will my ZIP contain?
It depends on your animation's duration and the FPS setting. A 2-second animation at 24 FPS produces 48 frames. You can reduce the count by lowering the FPS.
What output size should I choose?
Match your target use case: 400–600px for web, 800–1200px for print or video, and up to 2000px for high-DPI sprite sheets. Larger frames increase ZIP size proportionally.
Are my files uploaded to your servers?
No. All frame rendering and ZIP creation happens entirely in your browser. Nothing is sent to a server.
Can I import the PNG sequence into video editing software?
Yes. DaVinci Resolve, Premiere Pro, After Effects, and Final Cut Pro all support importing numbered PNG sequences directly as a video clip.
What FPS setting should I use?
Use the animation's native FPS for a complete sequence, or a lower value (12–15) for preview-quality exports with smaller file sizes.