Lottie 檢視器
免費線上 Lottie 播放器。開啟任意 Lottie JSON 動畫，播放暫停、逐格拖曳、調整倍速、開關循環，並在透明棋盤格上預覽——完全在瀏覽器內完成。
什麼是 Lottie 檔案？
Lottie 是向量動畫的 JSON 匯出格式，通常用 After Effects 的 Bodymovin 外掛或 LottieFiles 等工具產生。App 和網頁用輕量渲染器播放它而不是影片，因此檔案極小、任意縮放都不失真。
如何在這裡預覽 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，直接在瀏覽器中調整品質、幀率和解析度，無需上傳檔案。