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…