將圖片打包至 Lottie
新增 Lottie JSON、.lottie 或 ZIP 及其參照圖片，檢查配對後打包為單一 .lottie。交付一個選取的動畫及其素材。圖片尺寸和品質維持不變，儲存前可檢查建立的動畫動作。
可執行的操作
將圖片和動畫合併至單一檔案
將 Lottie JSON 參照的圖片與動畫一併儲存在 .lottie 中。
檢查素材配對
將每個參照名稱配對至裝置中的圖片。如果缺少圖片或有多張同名候選圖片，請在建立檔案前確認配對。
播放並儲存建立的檔案
會重新載入產生的 .lottie 以供預覽。檢查圖片和動作後，下載該檔案。
使用方式
新增 JSON 和圖片
新增 Lottie JSON 和必要圖片。也可以從資料夾或 ZIP 一併新增。
檢查圖片配對
檢查各參照所配對的素材。新增缺少的圖片；若有多個候選項，請選擇要使用的圖片。
建立 .lottie
檢查預覽中的圖片和動作，然後選取「建立 .lottie 檔案」。若有多個動畫，會建立您選取的一個。
檢查結果並儲存
顯示產生檔案的預覽後，請檢查內容並選取「下載」儲存。
適用情境
連同素材一起交付動畫
將動畫 JSON 和圖片打包至單一 .lottie，而非分開交付。
發佈使用圖片的動畫
準備含有必要圖片的檔案，以便嵌入支援 .lottie 的網站或應用程式。
交付含圖片的 Lottie
參照名稱與本機圖片
檢查與 JSON 中圖片名稱和路徑相符的素材。若有多個同名候選項，請選擇要使用的圖片。不會自動從外部 URL 擷取圖片。
.lottie 與內嵌圖片的 JSON
.lottie 是儲存動畫和素材的套件格式。若要將圖片編碼為字串並納入 JSON，請使用「在 Lottie JSON 中嵌入圖片」。
目標播放器
請確認目標環境支援 .lottie。此頁面的顯示效果不保證在所有播放器中都能以相同方式播放。
圖片外觀與預覽設定
不會變更圖片尺寸和壓縮品質。播放速度、背景和循環設定僅供預覽，不會影響儲存的動畫或素材。
常見問題
缺少必要圖片時會如何處理？
系統會顯示相關參照並停止建立。請從裝置新增圖片。不會自動擷取或產生缺少的圖片。
有多張同名圖片時該怎麼辦？
請為每個參照選取一張圖片。檢查資料夾路徑和預覽，以配對正確的圖片。
只用圖片可以建立 Lottie 嗎？
不可以。需要包含動作定義的 Lottie JSON。此工具會將該動畫及其參照圖片打包。
可以將多個動畫一併儲存嗎？
此頁面會儲存您選取的一個動畫。若要在保留個別動畫的情況下打包多個動畫，請使用「將多個 Lottie 動畫打包至單一檔案」。
可以建立包含主題或互動狀態的檔案嗎？
此功能無法處理這些項目。可以預覽基本動作，不代表能在保留進階設定的情況下建立輸出。請先匯出基本 Lottie，再於此新增。
輸入與結果
- 輸入
- Lottie JSON、.lottie 或 ZIP，以及裝置中的參照圖片或其他素材。
- 輸出
- 包含一個選取動畫及其素材的 .lottie。
- 原始檔案
- 不會遭到覆寫。變更輸入或素材配對後，請重新建立輸出。