Lottie 是一種輕量級的向量動畫(可無限縮放且不失真)格式,是由 Airbnb 公司開發,用於在網頁和應用程式(iOS、Android)中呈現高品質動畫,其優勢在於檔案非常小、可擴展性高且效能良好。比起點陣圖的傳統 GIF 動畫格式,Lottie 向量動畫格式的體積約僅百分之一大小,這大大加快了網頁瀏覽的速度。

使用 Lottie 動畫來取代 GIF 格式,最簡便的方式是從 Lottiefiles 網站,見下圖,直接選取它免費提供的各種 Lottie 格式檔案。目前網站號稱有超過數十萬的圖檔,包含有些要付費的。
新版的易普印(ePrint)網站,就是採取這樣方式,選用了四個免費提供的 Lottie 動畫圖檔,如上圖。一天裡就將這些漂亮的動畫整合進入公司網站,如下圖所示。按照 Lottiefiles 網站《Getting started with dotLottie》的線上教學就能輕鬆完成。

至於,將 Lottie 動畫整合至這個部落格上,通常都是透過免費的 WordPress 的外掛來達成。網上建議用來顯示 Lottie 動畫的外掛有 AM LottiePlayer、Lottie Player 和官方的 LottieFiles for WordPress。先選用了官方的 LottieFiles for WordPress 外掛,但大失所望,這個外掛在使用時會卡卡的,有時候 WordPress 會出現 “out of memory” 警告,雖然它有提供 Lottie 動畫庫的存取和在 Gutenberg 編輯器中的使用,但實在不穩定還是放棄了!
最終是使用 WordPress Gutenberg 編輯器內建的「自訂 HTML 」區塊,作法跟寫網頁的 HTML 一樣,免裝外掛模組就可以顯示 Lottie 動畫在 WordPress 文章裡面,像下圖的三個動畫(與網站相同的動畫檔案)。
當然,也可以自己設計 Lottie 動畫檔。比如使用 Adobe After Effect(AE)軟體,來設計製作動畫後,再透過 AE 的 LottieFiles 外掛程式,將動畫匯出成 Lottie 格式檔案。此外,LottieFiles 網站上,今年 (2025) 也開發有一款 Lottie Creator 的線上製作動畫軟體,和許多線上的小工具組 (Tools),例如 AI Prompt to Vector、Raster to Vector、SVG to Lottie 等非常周全豐富。
除了一般的 Lottie (.json 格式),還有現代版的 dotLottie (.lottie 格式) ,這是 Lottie JSON 格式的壓縮版本。 這個 dotLottie 將 Lottie 的JSON 檔案和相關素材(如圖片),打包成一個 ZIP 壓縮檔,以減少檔案大小、加速載入速度,並使檔案管理和傳輸更方便。在 LottieFiles 網站上, 同樣有提供線上的轉換工具:Convert Lottie JSON to dotLottie。「易普印」網站也是採用這個新版的 dotLottie 壓縮格式,而且將動畫檔案存放於 LottieFiles 網站的 CDN 空間裡面(免費版僅提供 10 個圖檔的空間),加快傳輸速度、不占網站空間。
