EasyLottie
Professional Lottie asset editor

Replace Images in Lottie Animations Online

Upload a Lottie JSON or ZIP, replace embedded image assets, fine-tune position and scale, then export a production-ready JSON or ZIP. All processing runs locally in your browser.

  • No After Effects required
  • Works with JSON and ZIP
  • Local browser processing
  • Export JSON or ZIP

Professional Lottie asset editor

Replace image assets without rebuilding the animation

The editor below keeps the existing Image Replace workflow intact: upload, asset detection, image replacement, AI redraw, fit modes, offset controls, live preview, and JSON or ZIP export.

智能图片替换工具
📄
导出 JSON(图片内嵌)
单文件,适合快速预览
📦
导出 ZIP 包
JSON + images/ 文件夹,适合生产使用
🎬 实时预览
📤

等待上传文件

请上传ZIP文件开始替换图片

📷 图片资源管理
📦
拖拽文件到这里
支持 ZIP(JSON + 图片)或独立 JSON 文件

正在解析文件...

🎨 AI图片重绘

原图预览

原图

AI重绘预览

AI正在重绘中...

预计耗时: 10-15秒

Asset replacement workflow

Replace image assets in four focused steps

The workflow starts with your Lottie file, surfaces every image asset, lets you replace and fine-tune the selected layer, then exports a clean JSON or ZIP package.

  1. Upload your Lottie JSON or ZIP

    Drop a Lottie file into the editor. ZIP image assets are resolved automatically.

  2. Select an image asset

    Pick an embedded image from the resource list or the live preview.

  3. Replace, crop, scale, or reposition

    Upload a PNG, JPG, JPEG, or WebP replacement and fine-tune fit, position, and scale.

  4. Preview the animation

    Play the edited Lottie locally before you export.

Four-step workflow for replacing image assets in a Lottie JSON or ZIP file

Why use this tool

Use Image Replace when the motion is already right, but screenshots, logos, product images, avatars, or localized visuals need to change.

Replace product screenshots inside app onboarding animations

Localize marketing or tutorial animations for different regions

Update banners, logos, icons, avatars, or character assets

Refresh marketplace Lottie files without opening After Effects

Keep timing and motion intact while swapping visual content

How it works

  1. 1

    Upload your Lottie JSON or ZIP

    Drop a Lottie file into the editor. ZIP image assets are resolved automatically.

  2. 2

    Select an image asset

    Pick an embedded image from the resource list or the live preview.

  3. 3

    Replace, crop, scale, or reposition

    Upload a PNG, JPG, JPEG, or WebP replacement and fine-tune fit, position, and scale.

  4. 4

    Preview the animation

    Play the edited Lottie locally before you export.

  5. 5

    Export JSON or ZIP

    Download a production-ready JSON or ZIP package with the updated assets.

Frequently asked questions

Can I replace images in a Lottie JSON file?

Yes. If the Lottie JSON contains embedded or referenced image assets, EasyLottie detects them and lets you replace them in the browser.

Do I need After Effects?

No. The whole workflow runs online in your browser and does not require After Effects, plugins, or the original project file.

Are my files uploaded?

No. Your Lottie file and replacement images are processed locally in your browser.

Should I export JSON or ZIP?

Export JSON for simple embedded-image files. Export ZIP when the animation references external image assets or when you want a complete package.

Does it keep image positioning?

Yes. The tool keeps the original animation structure and gives you fit, scale, and offset controls for precise placement.

What file types are supported?

The tool accepts Lottie JSON and ZIP inputs, and common replacement images such as PNG, JPG, JPEG, and WebP.