圖片壓縮:用 Compressor.js 自動調整品質壓縮至指定大小
本篇要解決的問題
很多網站功能會需要處理使用者上傳的圖片,比方讓使用者上傳會員照片。
但隨著手機相機愈做愈好,拍出來的照片隨便都是幾 MB,直接上傳的話,耗時也佔空間。
雖然網路上搜尋有許多圖片壓縮工具,但大多只能設定固定的壓縮的品質,無法保證壓縮後的檔案大小符合需求。
本筆記文將使用 Compressor.js 套件,實作一個圖片壓縮功能,符合以下需求:
自動嘗試不同的壓縮品質,直到檔案小於指定大小(ex: 600KB)為止。
將圖片轉換為 WebP 格式。
長、寬限制最大尺寸。
這...
letswrite.hashnode.dev4 min read