30+ 圖片壓縮工具集合,包含線上壓縮和CLI工具

語言: CN / TW / HK

許多開發人員花費了大量時間優化網頁效能,比如優化 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 外掛:

C 語言壓縮工具

  • MozJPEG 是一個用於優化 JPEG 影象的程式,用作圖形程式、影象處理工具和類似應用程式的庫;
  • jpegoptim 是一個優化 JPEG 檔案的工具;
  • libvips 是一個處理影象的庫。

其他壓縮工具

您可能需要檢視其他用於影象優化的工具和資源。這些不一定屬於上述類別,但它們可能適合您的特定用例之一。

  • 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 來壓縮圖片

原文地址: www.smashingmagazine.com/2022/07/pow…