Lottie 預覽與優化
預覽 Lottie 動畫，複製/下載 SVG，壓縮 JSON，並支援執行時修改動畫文本與圖片。
拖拽 Lottie JSON 文件到這裡，或點擊上傳
*.json (Lottie format)
如何預覽並優化 Lottie 動畫
1
拖拽或點擊上傳您的 Lottie JSON 檔案，系統會立即在左側播放器中預覽動畫。
2
使用“圖層與資源編輯”面板，直接即時修改動畫內的文字圖層內容，或替換動畫裡嵌入的圖片資產。
3
在“健康診斷與壓縮”面板中配置浮點數保留位（推薦 1-2 位）並勾選清除無用中繼資料，以執行本地診斷與壓縮。
4
匯出優化後的 Lottie JSON 檔案，或複製當前幀的 SVG 矢量代碼，直接貼上至 Figma 中使用。
Lottie 動畫常見問題
為什麼 Lottie 動畫檔案會這麼大？如何進行優化？
Lottie 動畫中常包含大量高精度的浮点數坐標和動畫曲線資料。通過降低浮點數精度至 1-2 位並剔除無用的中繼資料，可以在肉眼無法覺察出變化的前提下，將檔案體積大幅縮減 30%-70%。
我可以在這裡修改 Lottie 裡的文字和圖片嗎？
是的。這正是海獺工具的強大之處。無需打開 AE 軟體，直接在瀏覽器中動態輸入新文案、替換新圖片，就能完成動畫重製，並匯出標準的 Lottie JSON 檔案。
複製 SVG 代碼後的使用方法是什麼？
點擊“複製 SVG 代碼”會提取動畫當前播放幀的矢量路徑。您只需在 Figma 中直接按 `Ctrl+V`（或 `Cmd+V`）貼上，即可一鍵將該幀以矢量圖層組的形式匯入到 Figma 中。