Toollet
依想做的事或應用程式名稱搜尋搜尋聯絡我們
價格

在 Lottie JSON 中嵌入圖片

新增 Lottie JSON 和必要圖片,並將所選動畫的圖片嵌入單一 JSON 檔案。也可以載入 .lottie 和 ZIP。解決參照、檢查建立的動畫動作,並以含圖片的 JSON 交付。

同時加入 Lottie JSON 與圖片。您也可以載入 .lottie 或 ZIP 檔案。

可執行的操作

將圖片嵌入 JSON

將外部檔案參照替換為圖片資料,建立含圖片的 Lottie JSON。

將參照配對至圖片

檢查動畫所需素材。新增缺少的圖片,若有同名候選項,也請選擇要使用的素材。

檢查建立的檔案

嵌入圖片後,系統會重新載入 JSON 供預覽。檢查圖片和動作後儲存。

使用方式

  1. 新增 JSON 和必要圖片

    新增 Lottie JSON 和其參照圖片。保留資料夾結構一併新增,有助於檢查配對。

  2. 檢查目標和圖片配對

    選取目標動畫,並檢查參照圖片狀態。解決缺少素材和多個候選項。

  3. 建立內嵌圖片的 JSON

    所有參照解決後,選取「建立 JSON」。此功能不會以其他圖片替換原圖,也不會自動產生圖片。

  4. 檢查結果預覽並儲存

    檢查建立的 JSON 顯示效果並下載。檢查用的速度或背景變更不會影響儲存的 JSON。

適用情境

將含圖片的動畫交付為單一檔案

將必要圖片內嵌至 JSON,分享時可降低忘記另傳圖片的風險。

打包外部圖片參照

準備內嵌參照圖片的檔案,避免在目標環境中發生相對圖片路徑失效。

圖片嵌入和檔案格式

從外部參照轉為資料 URI

一般會參照圖片路徑或檔名。嵌入時,JSON 會包含以字串表示的圖片資料。

嵌入不會縮小檔案大小

Base64 會使圖片資料約增加至原始大小的 4/3。包含圖片的 JSON 會大於原始 JSON,儲存後也請檢查檔案大小。

JSON 嵌入與 .lottie 打包

此畫面會將圖片資料納入單一 JSON 檔案。.lottie 則會將 JSON 和素材打包為壓縮套件。請依目標支援的格式選擇。

常見問題

嵌入圖片會增加檔案大小嗎?

可以。圖片資料會以 Base64 加入原始 JSON,因此檔案通常會變大。此功能不是用來縮小檔案的圖片壓縮工具。

這和打包為 .lottie 有何不同?

輸出格式不同。此畫面會建立包含圖片的 JSON;「將圖片打包至 Lottie」則會建立內含素材的 .lottie 檔案。請依應用程式或函式庫支援的格式選擇。

參照圖片缺少時會如何處理?

您需要新增缺少的素材。若有多個同名候選項,請選取要使用的檔案。解決必要參照前,無法建立 JSON。

會自動從圖片 URL 擷取圖片嗎?

不會自動從外部圖片 URL 擷取圖片。請從本機檔案新增必要素材並檢查對應參照。

原始 JSON 或圖片會變更嗎?

原始檔案不會遭到覆寫。系統會儲存新的 JSON 檔案。變更目標或素材配對後,請重新建立。

所有 Lottie 都可以轉換為 JSON 嗎?

輸入內容必須可作為 Lottie 載入,且所有必要素材都已解決。若輸入包含無法沿用的擴充功能,例如主題或互動狀態,此畫面無法建立輸出。

輸入與結果

輸入
Lottie JSON 和必要的本機圖片。也可以載入 .lottie 和 ZIP。此功能不會將一般 JSON 轉換為影片。
輸出
一個選取的動畫。內嵌其參照圖片資料的 JSON。
檢查
產生輸出的預覽就緒後即可儲存。新增素材或變更配對後,請重新建立。

目前設定

搜尋工具