lottie
    Free Tool + Guide

    Lottie File Compressor

    Reduce your Lottie JSON file size by up to 70% without losing animation quality. Compress instantly in your browser, plus learn manual optimization techniques.

    Drop your Lottie JSON here

    or click to browse — we'll compress it instantly

    Compression Techniques We Apply

    Remove Unused Properties

    ~5-15%

    Strip metadata, editor-specific keys (ddd, nm, mn), and properties that don't affect rendering.

    Simplify Path Data

    ~10-30%

    Reduce decimal precision on bezier curves and vertices from 6+ to 2-3 decimal places.

    Collapse Static Transforms

    ~5-20%

    Replace animated transform arrays with static values when only one keyframe exists.

    Remove Hidden Layers

    ~Variable

    Delete layers with opacity 0 or visibility disabled that never appear on screen.

    Minify JSON Output

    ~15-25%

    Remove whitespace, newlines, and indentation from the final JSON for minimal transfer size.

    Deduplicate Assets

    ~5-15%

    Identify and merge duplicate shape groups, gradient definitions, and image references.

    Real-World Compression Results

    Typical raw Bodymovin export

    Before

    120 KB

    After

    45 KB

    Savings

    62%

    Complex character animation

    Before

    380 KB

    After

    140 KB

    Savings

    63%

    Simple icon animation

    Before

    18 KB

    After

    6 KB

    Savings

    67%

    Multi-scene onboarding

    Before

    520 KB

    After

    195 KB

    Savings

    63%

    Manual Optimization Guide

    1. Audit Your Composition in After Effects

    • Delete unused layers and pre-comps before exporting.
    • Flatten unnecessary layer hierarchies.
    • Replace raster images with vector shapes where possible.
    • Avoid expressions that generate complex keyframe data.

    2. Optimize Shape Complexity

    • Use fewer anchor points on paths — simplify in Illustrator before importing.
    • Avoid heavily nested groups and compound paths.
    • Convert strokes to fills when stroke animation isn't needed.
    • Use shape repeaters instead of duplicated layers.

    3. Export with Bodymovin Best Practices

    • Enable 'Standalone' mode to avoid external dependencies.
    • Disable 'Include hidden layers' in export settings.
    • Set 'Extra compositions' to only what's needed.
    • Use standard features — avoid unsupported effects.

    4. Post-Export Optimization

    • Run JSON through a minifier (e.g., jq -c or online tools).
    • Use LottieFiles optimizer or our compressor tool above.
    • Validate playback after compression to catch visual regressions.
    • Serve with gzip/brotli compression on your CDN.

    Other Compression Tools

    LottieFiles Optimizer

    Online tool with visual diff and quality slider.

    lottie-minify (npm)

    CLI tool for batch processing in CI/CD pipelines.

    Bodymovin Settings

    Built-in export options in the After Effects plugin.

    Our Built-in Compressor

    Right here — upload, compress, download. Zero setup.

    Want to go deeper?

    Read our guide on optimizing Lottie animations end-to-end.

    Optimization Guide