Lottie 檢視器與檢查工具
開啟 Lottie JSON、.lottie 或 ZIP,在整合前檢查動作和素材。配對必要的圖片和字型,並使用不同播放位置、速度和背景檢查動畫。原始檔案不會變更,也不會建立或儲存新檔案。
可執行的操作
開啟檔案並播放
選擇 JSON、.lottie 或 ZIP 中的動畫,並透過播放、暫停或移動播放位置進行檢查。
配對必要素材
若圖片、字型或其他素材缺少,請從裝置新增。若有多個候選項,也可以選擇要使用的檔案。
使用不同背景或速度檢查
切換透明、白色或深色背景,並變更播放速度、循環或顯示尺寸。原始檔案不會變更。
使用方式
新增動畫和素材
選取 Lottie JSON、.lottie 或 ZIP。如果有參照外部素材,也請新增對應的資料夾或素材檔案。
選取要檢查的動畫
若有多個動畫,請選取要檢查的一個。若顯示缺少素材或有重複候選項,請指定對應檔案。
檢查動作和外觀
使用播放、暫停和定位控制項。必要時,在「播放設定」中變更背景或速度以檢查動畫。
適用情境
確認交付資料可正常使用
開啟收到的動畫,檢查動作以及所有必要圖片是否齊全。
整合前檢查外觀
使用淺色和深色背景以及不同播放速度,評估動畫是否適合預定使用的畫面。
動畫與素材的關係
JSON、.lottie 和 ZIP
Lottie JSON 包含動畫和形狀資料。.lottie 和 ZIP 檔案可將動畫與素材一併打包。
顯示時也需要參照素材
若圖片、字型或其他素材是獨立檔案,請檢查其名稱和資料夾位置。播放前請解決缺少素材和重複項目。
播放設定僅供檢查
速度、循環、背景和顯示尺寸的變更只影響預覽。此功能不會編輯並儲存原始動畫資料。
也請在實際使用環境中檢查
主題、互動狀態和播放器專用功能可能與基本動畫顯示不同。能在此播放動畫,不保證在所有應用程式中都會呈現相同效果。
常見問題
如果圖片沒有顯示,該怎麼辦?
請檢查「參照素材」下是否有缺少或不支援的內容。從裝置新增圖片;若有多個候選項,請選擇要使用的檔案。保留資料夾結構新增資料夾,有助於檢查配對。
可以播放一般 JSON 或只有圖片嗎?
需要 Lottie 格式的動畫資料。新增一般 JSON 或只有圖片,無法以動畫播放。
可以儲存播放速度已變更的檔案嗎?
此工具僅供檢查,不會將播放速度或其他設定寫回原始資料,也不會另存為新檔案。
如何以原始尺寸檢視畫面範圍以外的區域?
在播放設定中選擇「原始尺寸」,即可在顯示區域內捲動檢查。切換回「符合畫面」可顯示完整動畫。
多個動畫會依順序連接嗎?
不會。請選擇要檢查的動畫並逐一播放。切換動畫時,該動畫的播放設定會重設為預設值。
如果字型或特殊功能無法顯示,該怎麼辦?
請檢查對應的字型檔案。依匯出結構而定,即使新增素材,內容仍可能無法顯示。也請在實際使用的應用程式中檢查顯示效果,包括主題和互動狀態。
輸入與結果
- 輸入
- Lottie JSON、.lottie 或 ZIP。視需要新增圖片、字型或其他素材。
- 檢查
- 動作、尺寸、影格率、持續時間和參照素材。
- 播放設定
- 速度、循環、背景和顯示尺寸。原始資料不會變更。
- 輸出
- 僅供預覽。不會建立、轉換或下載檔案。