Lottie 查看器
免费在线 Lottie 播放器。打开任意 Lottie JSON 动画，播放暂停、逐帧拖动、调节倍速、开关循环，并在透明棋盘格上预览——完全在浏览器内完成。
什么是 Lottie 文件？
Lottie 是矢量动画的 JSON 导出格式，通常用 After Effects 的 Bodymovin 插件或 LottieFiles 等工具生成。应用和网页用轻量渲染器播放它而不是视频，因此文件极小、任意缩放都不失真。
如何在这里预览 Lottie 动画？
点击上传区域，或把 .json 文件拖进去。动画会立即加载并开始播放。也可以先点"载入示例动画"按钮，用内置示例试一试播放器。
我的动画会被上传到服务器吗？
不会。文件完全在浏览器标签页内读取和渲染，不会向任何地方传输，因此用于未发布的客户项目和保密素材也是安全的。
有哪些播放控制？
播放/暂停、重新开始按钮、循环开关、可拖动的帧进度条，以及 0.25x–2x 的倍速选择。读数区域显示当前帧、总帧数和动画的帧率。
为什么背景是棋盘格？
棋盘格用于模拟透明，与设计工具中的表现一致。用它确认动画没有多余的背景色；切换到白色或黑色背景，可以检查浅色或深色场景下的边缘、光晕和阴影。
支持哪些 Lottie 版本？
播放器使用 lottie-web 渲染器，支持 Bodymovin 4 及以上版本的 JSON，包括形状图层、蒙版、 Matte、修剪路径以及导出时已烘焙的表达式。
手机上可以使用吗？
可以。界面是响应式的，渲染同样使用 SVG 渲染器，iOS 和 Android 浏览器都能运行，控件按触屏尺寸设计。
.json 和 .lottie 文件有什么区别？
.lottie（dotLottie）是一种压缩包格式，内部可包含 JSON 及图片素材等。本工具直接打开标准 Lottie .json 导出文件；如果是 dotLottie 文件，请先解压取出其中的 .json。
为什么我的动画播放很慢或显示异常？
包含大量图层、图片或表达式的复杂动画渲染开销较大。请检查图片是否随文件一起导出、尝试简化合成，或降低倍速——读数中的 FPS 显示的是动画的预期帧率。
如何使用Lottie 查看器
这款 Lottie 查看器使用 lottie-web 渲染器，完全在浏览器中播放 Bodymovin JSON 动画。载入或拖入文件，逐帧控制播放，并在透明、白色或黑色背景上预览——任何数据都不会上传。
- 点击上传区域或把 Lottie .json 文件拖进去，动画会立即加载并自动播放。
- 使用播放/暂停大按钮和重新开始按钮控制播放。
- 拖动帧进度条可以定位到任意帧；读数显示当前帧、总帧数和 FPS。
- 选择 0.25x–2x 之间的倍速，并可用循环按钮开关连续重播。
- 在透明棋盘格、白色和黑色背景之间切换，检查边缘、光晕与阴影效果。
载入自己的动画前，可以先点示例按钮感受播放器的表现——客户发来一个 JSON 需要快速检查时特别方便。
相关工具
- SVG 查看器 在线预览、编辑和优化 SVG 文件。支持实时预览、代码编辑和优化工具。
- JSON树形查看器 将JSON数据可视化为可折叠的交互式树形结构。支持搜索键名和值、悬停查看JSONPath、懒加载处理大文件，以及拖拽加载.json文件。
- 精灵图生成器 将多张图片合并为精灵图，支持拖拽排序、网格布局、间距、缩放模式。导出PNG/WebP/JPG及JSON图集数据，适用于游戏引擎和CSS精灵。
- 图片转Base64 将图片转换为Base64编码字符串，或将Base64解码还原为图片。支持PNG、JPG、GIF、WebP、SVG、BMP、ICO格式，100%浏览器本地处理，无需上传。
- GIF拆帧工具 从GIF动画中提取并下载单帧为PNG或精灵图。免费在线工具，支持预览和ZIP导出。
- GIF倒放 在线免费将GIF动画倒序播放。上传、预览并即时下载倒放的GIF文件。
- GIF变速工具 在线更改GIF动画速度。即时加速或减速GIF文件。
- 视频转GIF 在线将视频转换为动画GIF，直接在浏览器中调整质量、帧率和分辨率，无需上传文件。