30+ 圖片壓縮工具集合,包含線上壓縮和CLI工具
許多開發人員花費了大量時間優化網頁效能,比如優化 js、css、減少 http 請求等等,但減小圖片大小產生的優化比其他所有領域加起來影響更大。
WebUtils Bulk Image Compress
WebUtils Bulk Image Compress 允許壓縮影象並將其轉換為 WebP、JPG、PNG、AVIF 和 JXL。不限制檔案大小或檔案數量,但如果嘗試進行批量轉換,這可能比較緩慢。還可以調整質量和尺寸,所以壓縮在客戶端完成。
Compressor.io
Compressor.io 可以使用有損或無失真壓縮優化 JPEG、PNG、SVG、GIF 和 WebP,每個檔案最高可達 10MB。如果要自定義壓縮或使用較大的檔案,則必須付費獲得高階計劃。在這種情況下,壓縮圖片在伺服器端完成,因此將獲得更快的結果。
Imagecompresser.com
Imagecompresser.com 允許同時上傳多達 10 個檔案,並支援 PNG、JPEG、WebP、JPG 和 GIF 格式。每個影象的檔案大小沒有任何限制,因此這可能適用於 10 個或更少的大檔案。
AnyWebP
AnyWebP 專門用於以 WebP 格式轉換影象,可以抓換為 JPEG、PNG 或 ICO。可以根據檔案大小或質量進行自定義。也可以將幾乎任何檔案格式 (TIFF、PSD、BMP 等) 轉換為 WebP。該工具還為 Mac 和 Windows 提供離線本機應用程式,可批量轉換。無論如何,沒有一個檔案被上傳到伺服器。
Compressimage.io
Compressimage.io 允許完全離線的影象優化,不限制檔案大小或檔案數量。唯一的限制是只能壓縮 JPEG 和 PNG。自定義選項允許調整壓縮級別、影象大小以及是否要轉換為 WebP。
JPEG.rocks
JPEG.rocks , 顧名思義,它是一個隱私友好的 JPEG 影象優化器,完全客戶端和開源。檔案大小或檔案數量沒有限制,可以自定義輸出檔案質量。
Compressor.js
Compressor.js 與此列表中的其他工具完全不同。它包括十幾種不同的設定,可自定義影象質量、大小、mime 型別等。唯一的大限制是必須一次做一個檔案。因此,這對於批量調整大小不是一個好的選擇,但對於要在特定映像上執行的特定優化是有效的。使用瀏覽器的本機 canvas.toBlob
API 做壓縮工作。
Squoosh
Squoosh is 由 Chrome 實驗室團隊設計。web 應用程式僅限於單個影象,但它包括幾個選項,用於減小尺寸、調色盤、選擇壓縮方法、壓縮質量級別以及一系列其他高階設定。支援此工具的引擎也可作為 API 或 CLI 用於批量處理。
SVGOMG
SVGOMG is 專門用於減小 SVG 圖形的大小。它是 SVGO 的 GUI,是基於 Node.js 的工具。SVG 優化器非常有用,因為許多生成 SVG 的程式在生成影象的 SVG 程式碼中包含多餘和無用的資訊。
Optimizilla
Optimizilla 使用有失真壓縮來減小 JPEG、GIF 和 PNG 影象的大小。最多可以上傳 20 張影象,並且可以選擇在下載之前自定義每個影象的壓縮級別和質量。
Shrink Me
Shrink Me 可批量優化 JPEG、PNG、WebP 或 SVG 影象,而不會造成明顯的質量損失。檔案數量或檔案大小沒有限制,但是較大的檔案將意味著較慢的壓縮過程。
JPEG Stripper
JPEG Stripper 通過剝離不必要的資料來優化 JPEG 檔案。可用於在不影響影象質量的情況下從 jpeg 中刪除所有元資料。一次只允許上傳一張圖片,因此這僅對幾張 JPEG 格式的圖片有用。
Shrink Media
Shrink Media 可優化高達 5000x5000 解析度的 PNG、JPEG 和 WebP 影象,它也可作為 iOS 或 Android 的移動應用程式使用。使用互動式滑塊更改質量級別和照片尺寸。也可以將 URL 貼上到影象,但此工具僅允許一次優化一個影象。
OptimizeImages
OptimizeImages 可減小 SVG、PNG、JPEG、WebP、GIF 和 AVIF 的大小,同時還可以選擇轉換為 WebP 或 AVIF。 可以掃描你的網站以檢查需要優化的影象。優化多達 30 張影象,並選擇壓縮質量選項 (推薦、中等或超清)。
ImagesTool.com
ImagesTool.com 包括許多不同的影象處理工具。您可以調整大小、轉換、壓縮影象等。支援 JPEG、WebP、SVG、GIF 和 APNG。客戶端全部完成,您可以在無損和自定義壓縮之間進行選擇。您可以優化的檔案數量沒有限制,也可以按資料夾上傳或貼上到影象中,不需要上傳。
AVPress
AVPress 有點不同,因為它專門用於優化視訊檔案和 GIF 動畫。它允許一次處理單個視訊或 GIF,幷包括可應用於所選檔案的多個自定義和輸出設定。完全在客戶端完成。
AVIF Converter
AVIF Converter 允許任何影象格式轉換為 AVIF,AVIF 是一種下一代檔案格式,聲稱比 WebP、JPEG、PNG 和 GIF 具有更好的壓縮。此應用程式對檔案數量或檔案大小沒有任何限制,但請注意,並非所有現代瀏覽器都支援 AVIF 格式。
TinyPNG
TinyPNG 使用智慧有損資料壓縮技術優化 WebP、PNG 或 JPEG 檔案的工具。一次最多可以上傳 20 個,每個大小最多可以上傳 5mb。
圖片壓縮 CLI 工具
到目前為止,我列出的工具是手動批處理或一次優化一些影象的好選擇。但是在大型專案的背景下,您需要考慮使用不同的工具,這些工具被設計為作為正在進行的工作流或構建過程的一部分。以下是您可以考慮的一些選項:
- SVGO 是流行的 SVG 優化工具是前面提到的 SVGOMG 背後的核心;
- libSquoosh 是使用 Squoosh API,允許您構建可動態優化影象的 JavaScript 程式;
- Squoosh CLI 是 用於使用執行 Squoosh 的引擎的命令列工具;
- pngquant 專門用於優化 PNG 影象的命令列實用程式;
- esbuild-squoosh esbuild 外掛 使用 Squoosh API
- imagemin 是一個較舊的 JavaScript 專案,可讓您以程式設計方式優化影象。
根據您使用的構建工具或任務執行程式,上述 imagemin 可能可作為您選擇的工具的外掛使用。
以下是一些用於不同構建工具的 imagemin 外掛:
- rollup-plugin-imagemin
- parcel-plugin-imagemin
- grunt-contrib-imagemin
- gulp-imagemin
- ImageMinimizerWebpackPlugin
- snowpack-plugin-imagemin
C 語言壓縮工具
其他壓縮工具
您可能需要檢視其他用於影象優化的工具和資源。這些不一定屬於上述類別,但它們可能適合您的特定用例之一。
- QOI 相當好的影象格式是一種影象格式,它無損地將影象壓縮到與 PNG 相似的大小,同時提供 20x-50x 更快的編碼和 3x-4x 更快的解碼。
- JXL 不是一個工具,而是一個以 JPEG XL 影象格式為中心的社群網站。
- UPNG.js 這是流行的 Photopea 應用程式背後的 PNG 引擎,這是一個先進的 PNG/APNG 解碼器和編碼器,提供有損和無損的優化。
- Optimus 本機桌面應用程式,允許您壓縮、優化和轉換支援 JPEG、PNG 和 WebP 格式的影象。
- ImageOptim Mac app Sketch 外掛
- pngcrush 可以通過命令列使用的傳統影象壓縮工具。
- Trimage 本機跨平臺應用程式和命令列介面,用於優化 JPEG 和 PNG 影象。
- PNGGauntlet 適用於 Windows、Mac 和 Linux 的較舊的可配置本機應用程式,可優化 PNG 並將各種格式轉換為 PNG。
- Pngyu 一個本地 App 使用 pngquant 來壓縮圖片