圖像往往是任何特定網頁上最大的資源。雖然許多開發者花時間優化網頁性能的其他方面，但減少圖像的大小對性能的影響比所有其他方面加起來還要大。這篇文章將純粹關注于可用于減少圖片大小的不同工具。

WebUtils Bulk Image Compress

地址：https://www.webutils.app/image-compress

WebUtils Bulk Image Compress 支持壓縮圖片并將其轉換為 WebP、JPG、PNG、AVIF和 JXL。

Compressor.Io

地址：https://compressor.io/

Compressor.io 支持有損或無損壓縮來優化JPEG、PNG、SVG、GIF和WebP，每個文件最大可壓縮10MB。

Imagecompresser.Com

地址：https://imagecompresser.com/

Imagecompresser.com 支持同時上傳多達10個文件，支持PNG、JPEG、WebP、JPG和GIF格式。

AnyWebP

地址：https://anywebp.com/

AnyWebP 是專門用于轉換WebP格式的圖片，可以輸出為JPEG、PNG或ICO，也可以按文件大小或質量進行定制，還可以選擇將幾乎任何文件格式（TIFF、PSD、BMP等）轉換為WebP。

Compressimage.Io

地址：https://compressimage.io/

Compressimage.io 支持離線的圖像優化，對文件大小或文件數量沒有限制。唯一的限制是只能壓縮JPEG和PNG。

JPEG.Rocks

地址：https://jpeg.rocks/

JPEG.rocks，顧名思義，是一個隱私友好的JPEG圖像優化器，完全是客戶端和開源的。對文件大小或文件數量似乎沒有限制，而且可以自定義輸出文件的質量。

Compressor.Js

地址：https://fengyuanchen.github.io/compressorjs/

Compressor.js 與本列表中的其他工具完全不同。它包括大約十幾種不同的設置，可以自定義圖像的質量、大小、MIME類型等等。

Squoosh

地址：https://squoosh.app/

Squoosh是由Chrome實驗室團隊設計的。這個網絡應用僅限于一張圖片，但它包括幾個選項，用于縮小尺寸、調色板、選擇壓縮方法、壓縮質量等級，以及一系列其他高級設置。為這個工具提供動力的引擎也可以作為API或CLI用于批量處理。

SVGOMG

地址：https://jakearchibald.github.io/svgomg/

SVGOMG是專門用于減少SVG圖形的大小。它是SVGO的一個GUI，是一個基于Node.js的工具。SVG優化器很有用，因為許多生成SVG的程序在生成圖像的SVG代碼中包含了多余的和無用的信息

Optimizilla

地址：https://imagecompressor.com/

Optimizilla 使用有損壓縮來減少JPEG、GIF和PNG圖像的大小。最多能上傳20張圖片，可以選擇在下載前為每張圖片定制壓縮級別和質量。

Shrink Me

地址：https://shrinkme.app/

Shrink Me 支持批量優化JPEG、PNG、WebP或SVG圖像，而且沒有明顯的質量損失。對文件數量或文件大小沒有限制。

JPEG Stripper

地址：https://www.toolsley.com/jpegstrip.html

JPEG Stripper 通過剝離不必要的數據來優化JPEG文件。一次只允許上傳一張圖片，所以這只對JPEG格式的幾張圖片有用。

Shrink Media

地址：https://www.shrink.media/

Shrink Media 支持優化PNG、JPEG和WebP圖像，分辨率最高可達5000x5000，它也可以作為iOS或Android的移動應用程序。使用交互式滑塊來改變質量水平和照片尺寸。也可以粘貼圖片的URL。

OptimizeImages

地址：https://www.optimizeimages.com/

OptimizeImages 可以減少SVG、PNG、JPEG、WebP、GIF和AVIF的大小，支持轉換為WebP或AVIF。最多可以優化30張圖片，并選擇一個壓縮質量選項（推薦、中等或超級）。

ImagesTool.Com

地址：https://imagestool.com/

ImagesTool.com 包括許多不同的圖像處理工具。可以調整大小，轉換，壓縮圖像，以及更多。支持JPEG、WebP、SVG、GIF和APNG。

AVPress

地址：https://avpress.zaps.dev/

AVPress有點不同，因為它是專門用于優化視頻文件和GIF動畫的。一次只能處理一個視頻或GIF，并包括幾個自定義和輸出設置。

AVIF Converter

地址：https://avif.io/

AVIF Converter 可以將任何圖像格式轉換為 AVIF，這是一種下一代文件格式，據稱比WebP、JPEG、PNG和GIF有更好的壓縮效果。這個應用程序似乎對文件數量或文件大小沒有任何限制，但請注意，AVIF格式尚未被所有現代瀏覽器支持。

TinyPNG

地址：https://tinypng.com/

TinyPNG是一個較早的工具，可以優化WebP、PNG或JPEG文件。你一次最多可以上傳20個，每個大小不超過5MB。

用于圖像優化的構建工具和CLI工具

到目前為止，所列舉的工具是手動批量處理或一次優化幾張圖片的好選擇。但在一個大型項目的背景下，你會想考慮使用不同的工具，這些工具被設計成持續工作流程或構建過程的一部分。這里有一些你可以考慮的選項：

• SVGO是流行的SVG優化工具，是前面提到的SVGOMG背后的核心。
• libSquoosh 是 Squoosh API，支持構建動態優化圖像的JavaScript程序。
• Squoosh CLI 是一個命令行工具，用于使用運行 Squoosh 的引擎。
• pngquant是一個專門用于優化PNG圖像的命令行工具。
• esbuild-squoosh。

根據所使用的構建工具或任務運行程序的不同，前面提到的imagemin可能是你的所選工具的插件。下面是一些用于不同構建工具的imagemin插件：

• rollup-plugin-imagemin是Rollup的一個插件，它使用imagemin來自動優化Rollup構建中的圖片。
• parcel-plugin-imagemin是另一個使用imagemin的插件，這次是為你的Parcel構建的。
• [grot-contrib-imagemin](https://github.com/gruntjs/grunt-contrib-imagemin)是另一個imagemin插件，為那些仍然使用Grunt的人提供，Grunt是一個較老的任務運行器工具。
• ImageMinimizerWebpackPlugin是另一個imagemin插件，這次是與流行的JavaScript捆綁包webpack一起使用。
• snowpack-plugin-imagemin是一個imagemin插件，可與現代前端構建工具Snowpack一起使用。

其它工具

QOI

地址：https://qoiformat.org/

Quite OK 圖像格式是一種圖像格式，它將圖像無損壓縮到與PNG相似的大小，同時提供20倍至50倍的編碼速度和3倍至4倍的解碼速度。

JXL

地址：https://jpegxl.info/

不是一個工具，而是一個以JPEG XL圖像格式為中心的社區網站。

UPNG.js

地址：https://github.com/photopea/UPNG.js

這是流行的Photopea應用程序背后的PNG引擎，一個先進的PNG/APNG解碼器和編碼器，提供有損和無損優化。

Optimus

地址：https://github.com/Splode/optimus

一個本地的桌面應用程序，支持壓縮、優化和轉換圖像，支持JPEG、PNG和WebP格式。

ImageOptim

地址：https://imageoptim.com/mac

一個Mac應用程序和Sketch插件，用于減少圖像文件大小。

pngcrush

地址：https://pmt.sourceforge.io/pngcrush/

一個傳統的圖像壓縮工具，可以通過命令行使用。

Trimage

地址：https://trimage.org/

一個原生的跨平臺應用程序和命令行界面來優化JPEG和PNG圖像。

PNGGauntlet

地址：https://pnggauntlet.com/

一個較早的可配置的本地應用程序，適用于Windows、Mac和Linux，可優化PNG并將各種格式轉換為PNG。

Pngyu

地址：https://nukesaq88.github.io/Pngyu/

另一個使用pngquant進行PNG優化的本地應用程序。

總結

希望這個工具清單足以提供你所需要的任何東西來滿足你的圖像優化要求。

本文轉載自微信公眾號「大遷世界」，可以通過以下二維碼關注。轉載本文請聯系大遷世界公眾號。