Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124

因此 Google 在 2018 年 11 月 12 日發布了一項新工具「Squoosh」以降低網站圖片的大小,而「Squoosh」厲害之處在於,壓縮圖片大小的同時,又不會失去圖片的品質。
用 AI 摘要這篇文章:
Squoosh 是 Google Chrome Labs 推出的免費線上圖片壓縮工具,所有處理都在瀏覽器本地完成,圖片不會上傳到任何伺服器。它支援 MozJPEG、WebP、AVIF、Oxipng 四種主流格式,透過即時對比預覽讓你精準控制壓縮品質,適合偶爾需要壓縮圖片的部落客、WordPress 站長和重視隱私的使用者。
這篇文章會從實際使用角度,說明 Squoosh 的功能、操作方式、格式選擇邏輯,以及它跟 TinyPNG、ShortPixel 等工具的差異,幫你判斷它是不是適合自己的圖片優化方案。
目錄
Squoosh 在 2018 年 Chrome Dev Summit 上首次亮相,是 Google Chrome Labs 團隊打造的開源專案,原始碼託管在 GitHub。它跟市面上大多數線上壓縮工具最大的不同是:所有圖片處理都在你的瀏覽器中完成,不會把圖片傳到任何第三方伺服器。
背後的關鍵技術是 WebAssembly(WASM)。Google 把 MozJPEG、libwebp、libavif、Oxipng 這些原本用 C/C++ 寫的圖片編碼器編譯成 WASM 模組,讓它們可以直接在瀏覽器中以接近原生應用的速度運行。你不需要安裝任何軟體或瀏覽器外掛,打開 squoosh.app 就能開始壓縮圖片。
使用上完全免費,不需要註冊帳號,也沒有每日壓縮張數或檔案大小的限制。對於注重隱私的使用者來說,這點格外重要,你的照片不會離開你的電腦。如果你正在尋找一個可靠的線上圖片壓縮方案,Squoosh 值得放進工具箱。
截至 2026 年 6 月,Squoosh 的 GitHub 專案最後一次更新停留在 2024 年 8 月,網頁版本身仍正常運作,但命令列工具(@squoosh/cli)已不再維護。如果你有批次處理需求,建議改用 Sharp 等替代方案,後面會詳細說明。
根據 HTTP Archive 的統計,圖片平均佔了一個網頁總體積超過 50%。一個載入 2 MB 資源的網頁,光圖片就佔了 1 MB 以上。未經壓縮的高解析度照片往往是拖慢網站載入速度的最大元凶。
Google 在 2020 年正式將 Core Web Vitals 納入搜尋排名因素,其中 LCP(Largest Contentful Paint)跟圖片大小的關聯最直接。當頁面中最大的圖片載入太慢,LCP 分數就會被拉低,連帶影響On-page SEO 的表現。圖片壓縮是所有網站速度優化手段中成本最低、效果最顯著的做法。一張 2 MB 的 JPEG 照片,經過適當壓縮後可能只剩 200-400 KB,體積縮小 80-90%,但在正常瀏覽距離下肉眼幾乎看不出差異。搭配適合的WordPress SEO 外掛一起使用,效果更加明顯。
從格式的角度來看,WebP 比 JPEG 平均小 25-35%,AVIF 更是比 JPEG 小 50% 以上。單純把圖片格式從 JPEG 轉成 AVIF,不需要犧牲太多畫質,就能讓網頁載入速度有明顯改善。
Squoosh 支援四種主要壓縮格式,每種各有適合的場景。了解差異才能在不同情況下做出正確選擇。
| 格式 | 類型 | 壓縮效果 | 瀏覽器支援 | 適合場景 |
|---|---|---|---|---|
| MozJPEG | 有損 | 比一般 JPEG 小 15-25% | 100%(所有瀏覽器) | 最大相容性、不確定選什麼時的預設 |
| WebP | 有損/無損 | 比 JPEG 小 25-35% | 97%+ | 網站主力格式、WordPress 圖片 |
| AVIF | 有損/無損 | 比 JPEG 小 50%+、比 WebP 再小 20% | 95%+ | 追求最小檔案、新網站首選 |
| Oxipng | 無損 | PNG 檔案縮小 30-50% | 100%(仍是 PNG) | 需要透明背景的 Logo、圖標 |
MozJPEG 是 Squoosh 的預設壓縮格式,也是相容性最好的選項。所有瀏覽器、所有裝置都能正常顯示 JPEG 圖片。它採用改良版的 JPEG 編碼演算法,在不改變檔案格式的前提下,用更聰明的量化和漸進式載入技術來縮小檔案。如果你不確定該選哪種格式,MozJPEG 是最安全的選擇。
WebP 是 Google 推出的圖片格式,截至 2026 年 6 月已經獲得所有主流瀏覽器的全面支援,包含 Safari。相比 JPEG,WebP 在相同畫質下平均可以再縮小 25-35% 的檔案大小。Squoosh 讓你直接把圖片轉成 WebP 格式,也可以搭配WebP 轉檔工具做後續處理。如果你正在經營 WordPress 網站,建議參考我們的WordPress WebP 顯示教學來做全面升級。
AVIF(AV1 Image File Format)基於 AV1 影片編碼技術開發,壓縮效率比 JPEG 高出 50% 以上,甚至比 WebP 還要再小 20%。截至 2026 年 6 月,Chrome、Firefox、Safari、Edge 四大瀏覽器都已經支援 AVIF,全球使用者覆蓋率超過 95%,可以說已經進入實用階段。缺點是編碼速度比較慢,但 Squoosh 的即時預覽功能讓你能夠在等待過程中直接比較畫質差異。
如果你的圖片需要透明背景(比如 Logo、圖標),PNG 格式仍然不可取代。Oxipng 是 PNG 的無損壓縮最佳化工具,能在不損失任何畫質的情況下縮小 PNG 檔案。如果你有 SVG 格式的需求,也可以試試SVGOMG 這個 SVG 壓縮工具。
照片類圖片優先選 AVIF(壓縮率最好),以 WebP 和 JPEG 作為備援(fallback);需要透明背景的圖片用 Oxipng 處理 PNG;如果追求最大相容性就用 MozJPEG。你也可以用線上格式轉換工具來做額外的格式轉換。
Squoosh 的操作介面非常直覺,整個壓縮流程只需要幾個步驟。
步驟一:開啟網站並上傳圖片。打開 squoosh.app,你會看到一個簡潔的畫面,中央有一個虛線框區域。直接把圖片拖曳進去,或者點擊選擇檔案。支援的輸入格式包含 JPEG、PNG、WebP、AVIF 等主流格式。
步驟二:選擇壓縮格式。上傳後,畫面會自動分成左右兩側。左側是原始圖片,右側是壓縮後的預覽。在右側下方的控制面板中選擇輸出格式,預設是 MozJPEG,點擊格式名稱就能切換成 WebP、AVIF 或 Oxipng。
步驟三:調整壓縮參數。每種格式都有各自的參數可以微調。以 MozJPEG 為例,你可以調整品質(Quality)滑桿,數值越低檔案越小,但畫質也會跟著下降。建議從 75 開始嘗試,一邊拖動一邊觀察預覽畫面的變化。Squoosh 的即時對比功能是它最好用的特色之一,中間有一條滑桿讓你左右拖動,直接比較壓縮前後的畫質差異。
步驟四:剪裁與調整尺寸。Squoosh 內建了基本的圖片編輯功能,可以直接在介面上剪裁圖片、調整長寬尺寸、旋轉或翻轉。對於需要在上傳前先統一圖片尺寸的使用者來說很方便,不用再額外開Photoshop Express 或其他編輯工具。
步驟五:下載壓縮後的圖片。調整到滿意後,畫面右下角會顯示壓縮前後的檔案大小對比。點擊下載按鈕就能取得壓縮後的圖片。整個過程在瀏覽器本地完成,速度非常快。
如果你需要更進階的編輯功能,像是批次調整圖片尺寸或添加浮水印,可以考慮搭配 Mark My Images 批次圖片處理工具或 ResizePixel 線上圖片編輯器。
Squoosh 採用 PWA(Progressive Web App)技術架構,這是它跟其他線上壓縮工具最不一樣的地方。當你第一次連上網路開啟 Squoosh 時,瀏覽器會透過 Service Worker 把所有必要的 WebAssembly 模組快取到本地。之後即使完全沒有網路連線,Squoosh 依然可以正常使用。
實際測試的方式很簡單:在有網路的狀態下開啟一次 squoosh.app,等頁面完全載入後關閉瀏覽器。接著把網路斷開,重新開啟瀏覽器並訪問 squoosh.app,頁面底部會顯示「Ready to work offline」,這時候就能正常拖曳圖片進行壓縮。
離線使用的好處不只是方便。對於處理敏感圖片的使用者來說,離線模式等於多了一層安全保障,因為沒有網路連線,圖片絕對不可能被傳送出去。出差的飛機上、沒有 Wi-Fi 的會議室、網路不穩定的環境,都可以照常使用。
你想確認自己的網路速度是否影響了 Squoosh 的首次載入體驗,可以用Cloudflare Speed Test來測試。想了解更多網路相關工具,也可以參考我們介紹的Speedcheck 測速工具。
這是 2026 年使用 Squoosh 生態系統時最重要的一點:@squoosh/cli 已經停止維護。Google 在 2024 年 8 月之後就沒有再更新 Squoosh 的 GitHub 專案,命令列工具不再收到安全性更新或錯誤修復。如果你目前還在使用 @squoosh/cli,建議盡快遷移。
推薦替代方案:Sharp。Sharp 是目前 Node.js 生態中最活躍、效能最好的圖片處理函式庫。根據 2026 年的基準測試,Sharp 的處理速度比 squoosh-cli 快約 25 倍,支援 JPEG、PNG、WebP、AVIF、GIF、TIFF 等格式,底層使用 libvips(C++),在大量圖片處理的場景下優勢非常明顯。
安裝 Sharp:
npm install sharp
基本用法,把 JPEG 轉成 WebP:
const sharp = require('sharp');
sharp('input.jpg')
.webp({ quality: 80 })
.toFile('output.webp');
Sharp 可以直接整合到 Webpack、Rollup、Vite 或 Gulp 等建置流程中,在部署前自動壓縮所有圖片。如果你在 Mac 上需要一個更輕量的桌面端格式轉換工具,Lens 是一個不錯的選擇。圖片素材本身可以從免費圖庫懶人包中找到高品質的來源,搭配 Coverview 封面圖產生器來製作文章配圖。
對於不熟悉命令列的使用者,Optimizilla 和 TinyPNG 提供了更友善的網頁端批次處理功能,每次可以同時處理 20 張圖片。
市面上有非常多圖片壓縮工具,以下從幾個關鍵維度來比較 Squoosh 和其他熱門工具。
| 工具 | 處理方式 | 批次處理 | 支援格式 | WordPress 外掛 | 免費額度 |
|---|---|---|---|---|---|
| Squoosh | 瀏覽器本地 | 無(單張) | JPEG、PNG、WebP、AVIF | 無 | 無限制 |
| TinyPNG | 上傳到伺服器 | 每次最多 20 張 | JPEG、PNG、WebP | 有 | 每次 20 張 |
| ShortPixel | 上傳到伺服器 | 有 | JPEG、PNG、WebP、AVIF | 有 | 每月 100 張 |
| Imagify | 上傳到伺服器 | 有 | JPEG、PNG、WebP | 有 | 每月 20 MB |
Squoosh 最大優勢是隱私保護和精細控制。所有處理都在本地完成,圖片不上傳到任何伺服器。你可以逐張調整壓縮參數並即時預覽,支援 AVIF 等最新格式。缺點是只能單張處理,沒有批次功能。
TinyPNG 是最受歡迎的線上壓縮工具之一,最大賣點是可以一次上傳多張圖片批次處理,免費版每次最多 20 張。它也有 WordPress 外掛可以自動壓縮上傳的圖片。不過圖片需要上傳到 TinyPNG 的伺服器進行處理,隱私性不如 Squoosh。
ShortPixel 在 WordPress 整合方面做得最好,有損壓縮的效果非常出色,免費版每月提供 100 張的額度,支援 WebP 和 AVIF 輸出。對於 WordPress 使用者來說,ShortPixel 的外掛安裝後幾乎是全自動運作。
Imagify 提供 Normal、Aggressive、Ultra 三種壓縮等級,WordPress 外掛功能齊全,介面友善,適合不熟悉技術的使用者。免費版每月 20 MB 的額度偏少,適合小型網站。
如果你只是偶爾需要壓縮幾張圖片,而且很在意隱私,Squoosh 是最好的選擇。如果你需要批次處理或 WordPress 自動化,FonePaw、ShortPixel 或 Imagify 會更實用。想快速壓縮大量圖片的話,WebsitePlanet 的壓縮工具也是一個簡單好用的選項。
壓縮圖片只是 WordPress 網站速度優化的一環。要讓圖片載入速度達到最佳狀態,需要從多個面向同時著手。
上傳前預先壓縮。養成在上傳圖片到 WordPress 之前先用 Squoosh 壓縮的習慣。選擇 WebP 或 AVIF 格式輸出,檔案大小通常能壓縮到原來的 20-30%。這一步能從源頭減少伺服器的儲存壓力和頻寬消耗。
搭配快取外掛。壓縮圖片之外,安裝一個好的WordPress 快取外掛可以大幅提升整體頁面載入速度。快取外掛會生成靜態 HTML 檔案,讓後續的訪客不需要每次都經過 PHP 處理。如果你使用 SiteGround 主機,它們自帶的 SG Optimizer 外掛就是很好的快取方案。
啟用延遲載入(Lazy Loading)。WordPress 5.5 之後原生支援圖片的延遲載入功能,只有在瀏覽器視窗即將捲動到圖片位置時,圖片才會開始載入。對於長文章中有很多配圖的情況,這能大幅減少初始載入的資源量。
主機效能對圖片載入速度的影響。很多人忽略了主機選擇對圖片載入的影響。主機的回應時間(TTFB)直接決定了瀏覽器何時能開始下載圖片。Bluehost 是 WordPress 官方推薦的主機之一,提供 HTTP/2 和 Brotli 壓縮等加速技術,對於預算有限的中小型網站來說是很好的入門選擇。如果你的網站流量比較大,Kinsta 提供基於 Google Cloud Platform 的高效能託管服務,自動包含 CDN 和進階快取機制。不確定該選哪家,可以參考我們的WordPress 主機推薦完整比較。
CDN 加速圖片傳輸。如果你的讀者分散在不同地區,CDN 能把圖片快取到離讀者最近的節點,大幅縮短下載時間。Cloudflare 提供免費的 CDN 方案,設定也不複雜。想了解更全面的WordPress 網站加速方法,可以看我們整理的實用技巧,以及告別 WordPress 變慢的六個方法。
整合 Google 各項數據到 WordPress 後台,可以使用 Site Kit by Google 外掛,方便直接查看 PageSpeed Insights 的分數變化。如果你也使用 WP Rocket 快取外掛,它內建的 Lazy Loading 和 WebP 轉換功能可以進一步簡化整個優化流程。
整理了 Squoosh 的優缺點,幫助你快速判斷它是否適合自己。
優點:
限制:
如果你的需求只是偶爾壓縮幾張圖片,Squoosh 完全夠用。但如果每天要處理數十張甚至上百張圖片,可能需要搭配 FoneDog Photo Compress 或前面提到的 ShortPixel 來提升效率。想要從更多面向來加速網站,也可以看看如何在 WordPress 中啟用 GZIP 壓縮,這是另一個效果顯著的優化手段。
適合 Squoosh 的使用者:
不適合 Squoosh 的使用者:
2026 年的圖片格式生態跟幾年前已經大不相同。AVIF 在 Chrome、Firefox、Safari、Edge 四大瀏覽器上都已經獲得完整支援,全球使用者覆蓋率超過 95%。它從「未來格式」正式變成了「現在就能用的格式」。
從壓縮效率來看,AVIF 比 WebP 還要再小 20% 左右,比 JPEG 則小了 50% 以上。對於追求極致載入速度的網站來說,這個差距非常可觀。Google 搜尋引擎也已經能正常索引和顯示 AVIF 圖片,不會影響 SEO 排名。
JPEG XL 的發展則不太順利。Google 在 2023 年宣布暫緩將 JPEG XL 整合到 Chromium 中,雖然社群仍然積極推動,但短期內不太可能成為主流。目前最務實的做法是:新網站直接用 AVIF 作為主力格式,用 WebP 作為備援(fallback),再保留 JPEG 給極少數不支援現代格式的場景。
Squoosh 在格式轉換上提供了很好的試驗環境,你可以把同一張圖片分別用不同格式壓縮,直觀比較檔案大小和畫質的差異。對於向量圖的需求,可以試試 Vectorizer.AI 將圖片轉換成 SVG 向量圖,或用Detailed SEO Extension 來快速檢查頁面中圖片格式的使用狀況。
是的,Squoosh 完全免費且開源。沒有付費升級方案,沒有免費版限制,所有功能都直接開放使用。原始碼在 GitHub 上公開,採用 Apache 2.0 授權。
輸入格式支援 JPEG、PNG、WebP、AVIF 等。輸出格式提供 MozJPEG、WebP、AVIF、Oxipng、Browser PNG、Browser JPEG、Browser WebP 等選項。對於更多格式轉換需求,可以參考我們介紹過的線上格式轉換工具。
這取決於你選擇的格式和壓縮參數。MozJPEG 和 WebP 提供品質滑桿,數值設在 70-85 之間通常能在檔案大小和畫質之間取得很好的平衡。Oxipng 則是無損壓縮,不會降低任何畫質。Squoosh 的即時對比預覽讓你可以一邊調整一邊確認,找到自己能接受的最佳壓縮比例。如果壓縮後覺得畫質不夠好,也可以用AI 圖片增強工具來補救。
網頁版只能單張處理。過去可以透過 @squoosh/cli 命令列工具實現批次壓縮,但該工具已停止維護。如果你需要批次壓縮,建議改用 Sharp(Node.js 函式庫)或是 Optimizilla、TinyPNG 等提供網頁端批次處理的工具。
不會。Squoosh 使用 WebAssembly 技術讓所有圖片處理在你的瀏覽器本地完成,圖片不會被上傳到 Google 或任何第三方伺服器。這是 Squoosh 跟大多數線上壓縮工具最大的不同,也是它在隱私方面的核心優勢。
兩者適合不同的使用場景。Squoosh 適合需要精細控制壓縮參數、在意隱私、或需要轉換成 AVIF/WebP 等現代格式的使用者。TinyPNG 則適合需要快速批次壓縮大量圖片的使用者,尤其是搭配 WordPress 外掛使用時非常方便。如果需要去除圖片背景再壓縮,可以先試試 PhotoRoom 免費去背工具。如果想放大圖片再壓縮,可以用 Bigjpg AI 放大工具或 AI Image Enlarger。
可以。Squoosh 是網頁應用,在任何現代瀏覽器中都能使用,包含手機上的 Chrome、Safari、Firefox。在手機瀏覽器中打開 squoosh.app 就能直接操作,也可以把它加入手機主畫面當作 PWA 使用。
1. 打開 Squoosh 試壓一張圖片。隨便找一張你網站上的圖片,拖進 squoosh.app,分別用 MozJPEG(品質 75)和 AVIF(品質 65)壓縮,比較檔案大小差異。你會對壓縮效果有具體的體感。
2. 檢查你網站的速度現況。用網站速度檢測工具或 Google PageSpeed Insights 跑一次你的首頁,看看 LCP 分數和圖片相關的建議。如果圖片佔了大部分載入時間,壓縮就會是投資報酬率最高的改善動作。
3. 規劃你的圖片優化流程。如果只是偶爾發文,上傳前用 Squoosh 手動壓縮就夠了。如果你每天發文、圖片量大,安裝一個像 ShortPixel 這樣的 WordPress 外掛來自動化處理會更有效率。搭配Cloudflare CDN 和適當的快取策略,壓縮後的圖片能讓網站整體效能大幅提升。