[筆記] vite 壓縮圖片兼轉換成 webp 最佳化

Vite 在 build 輸出檔案時，隨著圖片數量增多，壓縮兼轉換成 webp 的必要性會逐步上升。這邊筆記下嘗試後的最佳化實作方法。

---

內容

1. 透過 vite-imagetools 將 png/jpg 先轉成 webp
2. 再透過 vite-plugin-image-optimizer 將圖片畫質壓縮比進一步優化

程式碼

---

參考資料

1. Imagetools
2. Vite Image Optimizer

按讚加入粉絲團