返回工具列表

Lottie 動畫包

GIF 轉 Lottie

將一個或多個動態 GIF 同時轉換為 .lottie 動畫包和獨立可用的 Lottie JSON,保留影格時長與透明背景,並在瀏覽器本機完成全部處理。

GIF 僅在當前瀏覽器中處理。

  • 預設同時產生兩種格式
  • 保留影格時長
  • 保留透明背景

正在載入工具...

使用方法

將 GIF 轉為 .lottie 和 Lottie JSON

無需上傳檔案,在瀏覽器中產生兩種 Lottie 格式。

01

選擇一個或多個動態 GIF。

02

在瀏覽器中為每個 GIF 產生 .lottie 動畫包和獨立 JSON。

03

預覽完成的 Lottie 動畫,單獨下載或打包 ZIP 下載。

兩種可直接使用的格式

每個 GIF 預設產生壓縮的 .lottie 動畫包和獨立可用的 JSON 檔案。

保留透明影格

GIF 中的透明畫素會保留在產生的影格資源中。

不承諾向量化

普通 GIF 是點陣圖動畫。轉換結果用於在 Lottie 中播放視覺影格,不會自動變成可編輯的向量路徑。

格式說明

GIF 轉 Lottie 會產生什麼

兩種結果保留相同的點陣圖影格、透明度和動畫時間,不會把點陣圖作品變成可編輯向量路徑。

.lottie 動畫包

.lottie 會將動畫 JSON 和 PNG 影格資源壓縮到一個檔案中,更適合支援 dotLottie 的 Web、React、iOS 和 Android Runtime。

獨立 Lottie JSON

JSON 會把每個 PNG 影格以內嵌 Base64 資料儲存,不需要額外的 images 目錄,適合只接收 JSON 的 Runtime;但它通常比壓縮後的 .lottie 更大。

點陣圖 Lottie,不是向量描摹

GIF 由點陣圖影格組成。本工具把這些影格放到 Lottie 時間軸上,不會將文字、圖示或畫面重新繪製為可編輯向量形狀。

什麼時候使用其他格式

需要瀏覽器圖片格式時可選擇 WebP 或 APNG;用於社交平臺和影片編輯器時可選擇影片;當專案或 Runtime 明確需要 .lottie 或 Lottie JSON 時再選擇 Lottie。

把結果送到下一個工具

如果目前結果還需要繼續壓縮、錄製來源影片、去背或做批次處理,可以直接從這裡進入下一個工具。

動畫 PNG

GIF 轉 APNG

將一個或多個動態 GIF 轉為 APNG 動圖,保留動畫時間和透明區域,檔案在瀏覽器本機處理。

GIF 轉 APNG

動態 WebP

GIF 轉 WebP

將一個或多個動態 GIF 轉為 WebP,可設定有損或無損質量,並保留動畫和透明區域。

GIF 轉 WebP

影片匯出

GIF 轉影片

在瀏覽器本機將動態 GIF 轉為 MP4、WebM 或 MOV 影片,並可設定目標影片時長。

GIF 轉影片

常見問題

關於 GIF 轉 Lottie

瞭解相容性、向量化、透明度與檔案大小。

會把 GIF 變成可編輯的向量動畫嗎?

不會。普通 GIF 由點陣圖影格組成,產生的 .lottie 會保留這些影格及其時間,而不是聲稱重新建立可編輯的向量路徑。

會保留透明背景嗎?

會。轉換器將 GIF 中的透明畫素保留為 .lottie 內 PNG 影格資源。

.lottie 一定比 GIF 小嗎?

不一定。檔案大小取決於源 GIF 的解析度、影格數、顏色和透明區域。目標是提供可用的 Lottie 交付格式,而非保證縮小檔案。

可以一次轉換多個 GIF 嗎?

可以。可新增多個 GIF 並在瀏覽器中依次處理,實際可處理量取決於裝置記憶體和瀏覽器可用儲存空間。

GIF 轉 Lottie 和 GIF 轉 Lottie JSON 一樣嗎?

兩者使用相同的 Lottie 時間軸和 PNG 影格。.lottie 會壓縮儲存 JSON 與影格,獨立 JSON 則以內嵌 Base64 儲存每一影格,因此通常更大。

哪些 Lottie 播放器可以開啟結果?

.lottie 可用於支援 dotLottie 的 Web、React、iOS 或 Android Runtime;獨立 JSON 需要目標 Lottie Runtime 支援內嵌影像資源,接入前應確認播放器的影像相容性。

什麼時候應該改用 WebP、APNG 或影片?

需要瀏覽器動圖時可使用 WebP 或 APNG,用於社交平臺或影片編輯器時可使用影片;專案明確接收 .lottie 或 Lottie JSON 時再選擇 Lottie。

檔案會上傳到伺服器嗎?

不會。GIF 解碼、影格產生、打包和預覽都在當前瀏覽器中完成。