DEV Community

Fazal Shah
Fazal Shah

Posted on

How to Convert Lottie JSON to GIF (Free, Browser-Based, No Signup)

You've got a Lottie animation. It looks great in your app. But now someone needs it as a GIF — for an email campaign, a Slack message, a Jira ticket, a marketing deck.

This is the fastest way to do it.


The Quick Method (30 seconds)

  1. Go to iconking.net/tools/lottie-to-gif
  2. Drop your .json or .lottie file
  3. Choose resolution and FPS
  4. Download your GIF

No account. No email. No watermark on the free tier (up to 480px, 15fps). Files are deleted from the server within 1 hour.

That's it. But let's go deeper on why this matters and how to get the best output.


Why Convert Lottie to GIF?

Lottie is perfect for apps and websites — but it requires a runtime library to play. Most contexts outside of web/mobile don't support Lottie natively:

  • Email clients (Gmail, Outlook) — no Lottie support. Animated GIF or fallback PNG only.
  • Slack, Discord, Notion — GIF support is universal; Lottie is not
  • Social media (Twitter/X, LinkedIn) — GIF or video only
  • Presentations (PowerPoint, Keynote, Google Slides) — insert GIF as animated image
  • Jira/Confluence, Notion docs — GIF embeds fine
  • Marketing assets — GIF is the lingua franca

For any of these contexts, you need to export your Lottie as a GIF (or MP4/WebM for video).


Step-by-Step: Lottie to GIF with IconKing

Step 1: Get Your Lottie File

You need a .json or .lottie format file. These come from:

Step 2: Open the Converter

Navigate to https://www.iconking.net/tools/lottie-to-gif

You'll see a drag-and-drop upload area. No login required.

Step 3: Upload and Configure

Drop your file. The converter will show you options:

  • Resolution — Free tier: up to 480px. Pro: up to 1080px HD
  • FPS (frames per second) — Free: up to 15fps. Pro: up to 30fps
    • 15fps is fine for most UI animations and icon loops
    • Use 24-30fps for complex motion with fast movements

Step 4: Convert and Download

Hit convert. The server renders every frame using rlottie (the same engine Telegram uses) and encodes with gifski for maximum color accuracy. Most files convert in under 10 seconds.

Step 5: Use Your GIF

Drop it into your email template, Slack message, or presentation. Done.


Tips for Better Output Quality

Keep animations short. GIF file size grows linearly with duration x frames. A 2-second loop at 480px/15fps might be 200-400KB — acceptable. A 10-second animation at the same settings could be 2MB+.

Use loops. GIFs that loop seamlessly look much cleaner. Make sure your Lottie animation is designed to loop (start and end frames match).

Check your colors. GIF uses a 256-color palette. Animations with gradients or photographic content will look worse than flat/icon-style animations. For gradients, consider exporting as WebP or MP4 instead.

Choose the right format for the job:

Format Best For Transparency File Size
GIF Email, Slack, universal compat Binary (on/off) Medium
MP4 Social media, video embeds No Small
WebM Modern browsers Yes (alpha) Small
WebP Modern browsers, faster loading Yes Small
APNG Safari, high quality Full alpha Large

All of these are available as free converters at iconking.net:


What About the Reverse? (GIF to Lottie)

The reverse direction (GIF to Lottie) is much harder and generally not worth pursuing — GIFs are rasterized bitmaps and Lottie is a vector animation format. The conversion will always look worse than working from the source AEP or SVG.

If you have an SVG you want to animate as Lottie, SVG to Lottie conversion is possible and gives better results.


Alternative Tools

If IconKing doesn't work for your use case, here are other options:

  • LottieFiles — Has a GIF export but requires an account and premium plan for HD
  • After Effects + Bodymovin — Export directly if you have the source file (best quality, most control, but requires paid software)
  • FFmpeg (CLI) — Possible but requires piping Lottie through a renderer first; complex setup

For most people, a browser-based converter is the right tradeoff.


Wrapping Up

The Lottie to GIF converter on IconKing is the fastest no-friction option for one-off conversions. Bookmark it — you'll use it more than you think.

For bulk conversions or HD output, the Pro plan at $9/month unlocks 1080p exports and removes the queue.


Built something cool with Lottie animations? Share it in the comments.

Top comments (0)