Q1：乐蒂和 GIF 怎么选？
如果是图标、插画、线条这类矢量动画，乐蒂通常更合适。它清晰度高，能适配不同分辨率，开发还可以控制播放、暂停、循环和回调。
GIF 的优势是简单粗暴，几乎哪里都能放，适合非常临时的运营图或对交互没有要求的内容。但 GIF 色彩、透明、体积和清晰度都有限，正式产品里大面积用会显得粗糙。
乐蒂攻略：和同类方案对比
乐蒂攻略的重点，是知道什么时候选 Lottie，什么时候换 GIF、视频、CSS 动画或原生动画。不同方案没有绝对赢家，只有场景匹配。本文用问答方式横向对比，帮你在上线前少走弯路。
Q2：乐蒂和视频谁更稳？
视频适合复杂光影、真实人物、三维质感、长时长内容。你想做一段 15 秒的品牌片，别硬塞进乐蒂，视频更自然，也更容易压缩和分发。
乐蒂适合短、轻、可交互的 UI 动效。比如按钮反馈、加载、空状态、成就徽章。它不像视频那样按帧播放完整画面，矢量内容更轻，但复杂画面不一定占优。
Q3：乐蒂和 CSS 动画怎么分工？
CSS 动画适合简单位移、渐隐渐显、按钮 hover、骨架屏闪动等基础效果。它不需要额外 JSON，维护成本低，性能也容易控制。
当动画包含复杂路径、多个元素协同、设计师需要精确控制节奏时，乐蒂更省沟通成本。一个实用分界线是：开发 20 行 CSS 能写清楚的，别上乐蒂；需要反复对齐关键帧的，交给乐蒂。
Q4：乐蒂和原生动画比差在哪？
原生动画在性能和交互控制上更强，尤其是手势驱动、列表联动、复杂转场。缺点是开发成本高，设计还原常靠沟通和反复调参。
乐蒂的优势是设计还原和跨端复用。缺点是受导出能力限制，深度交互不如原生灵活。我的做法是：强交互用原生，品牌化短动效用乐蒂。
Q5：实际项目的选择攻略是什么？
按优先级判断：内容是矢量短动效，选乐蒂；是复杂真实画面，选视频；只是简单过渡，选 CSS 或原生；需要最低门槛临时展示，GIF 可以救急。
别为了统一技术栈强行全用一种方案。成熟团队的动效库里通常同时存在 Lottie、CSS、视频和原生动画，只是每种都有边界。把边界定清楚，就是最实用的乐蒂攻略。
常见问题
乐蒂适合替代所有 GIF 吗？
不适合。矢量短动效可以替代，照片、复杂质感或临时传播图用 GIF 或视频更省事。
乐蒂和 SVG 动画有什么区别？
SVG 动画适合 Web 内简单矢量效果，Lottie 更偏设计师从 AE 输出的复杂时间轴动画，跨端生态也更完整。
乐蒂攻略里最重要的一条是什么？
先判断场景，不先判断工具。短矢量、低交互、重还原选乐蒂；强交互、长视频、简单过渡分别用其他方案。