01
選擇一個或多個動態 GIF。
Lottie 動畫包
將一個或多個動態 GIF 同時轉換為 .lottie 動畫包和獨立可用的 Lottie JSON,保留影格時長與透明背景,並在瀏覽器本機完成全部處理。
GIF 僅在當前瀏覽器中處理。
正在載入工具...
使用方法
無需上傳檔案,在瀏覽器中產生兩種 Lottie 格式。
01
選擇一個或多個動態 GIF。
02
在瀏覽器中為每個 GIF 產生 .lottie 動畫包和獨立 JSON。
03
預覽完成的 Lottie 動畫,單獨下載或打包 ZIP 下載。
每個 GIF 預設產生壓縮的 .lottie 動畫包和獨立可用的 JSON 檔案。
GIF 中的透明畫素會保留在產生的影格資源中。
普通 GIF 是點陣圖動畫。轉換結果用於在 Lottie 中播放視覺影格,不會自動變成可編輯的向量路徑。
格式說明
兩種結果保留相同的點陣圖影格、透明度和動畫時間,不會把點陣圖作品變成可編輯向量路徑。
.lottie 會將動畫 JSON 和 PNG 影格資源壓縮到一個檔案中,更適合支援 dotLottie 的 Web、React、iOS 和 Android Runtime。
JSON 會把每個 PNG 影格以內嵌 Base64 資料儲存,不需要額外的 images 目錄,適合只接收 JSON 的 Runtime;但它通常比壓縮後的 .lottie 更大。
GIF 由點陣圖影格組成。本工具把這些影格放到 Lottie 時間軸上,不會將文字、圖示或畫面重新繪製為可編輯向量形狀。
需要瀏覽器圖片格式時可選擇 WebP 或 APNG;用於社交平臺和影片編輯器時可選擇影片;當專案或 Runtime 明確需要 .lottie 或 Lottie JSON 時再選擇 Lottie。
如果目前結果還需要繼續壓縮、錄製來源影片、去背或做批次處理,可以直接從這裡進入下一個工具。
動畫 PNG
將一個或多個動態 GIF 轉為 APNG 動圖,保留動畫時間和透明區域,檔案在瀏覽器本機處理。
GIF 轉 APNG動態 WebP
將一個或多個動態 GIF 轉為 WebP,可設定有損或無損質量,並保留動畫和透明區域。
GIF 轉 WebP影片匯出
在瀏覽器本機將動態 GIF 轉為 MP4、WebM 或 MOV 影片,並可設定目標影片時長。
GIF 轉影片常見問題
瞭解相容性、向量化、透明度與檔案大小。
不會。普通 GIF 由點陣圖影格組成,產生的 .lottie 會保留這些影格及其時間,而不是聲稱重新建立可編輯的向量路徑。
會。轉換器將 GIF 中的透明畫素保留為 .lottie 內 PNG 影格資源。
不一定。檔案大小取決於源 GIF 的解析度、影格數、顏色和透明區域。目標是提供可用的 Lottie 交付格式,而非保證縮小檔案。
可以。可新增多個 GIF 並在瀏覽器中依次處理,實際可處理量取決於裝置記憶體和瀏覽器可用儲存空間。
兩者使用相同的 Lottie 時間軸和 PNG 影格。.lottie 會壓縮儲存 JSON 與影格,獨立 JSON 則以內嵌 Base64 儲存每一影格,因此通常更大。
.lottie 可用於支援 dotLottie 的 Web、React、iOS 或 Android Runtime;獨立 JSON 需要目標 Lottie Runtime 支援內嵌影像資源,接入前應確認播放器的影像相容性。
需要瀏覽器動圖時可使用 WebP 或 APNG,用於社交平臺或影片編輯器時可使用影片;專案明確接收 .lottie 或 Lottie JSON 時再選擇 Lottie。
不會。GIF 解碼、影格產生、打包和預覽都在當前瀏覽器中完成。