Squoosh

在瀏覽器壓縮圖片,儲存前先比較畫質與檔案大小。

  • 網頁工具
前往 Squoosh 官方網站

這是什麼

Squoosh 是在瀏覽器執行的圖片壓縮工具。開啟圖片、調整壓縮設定後,可以對照原圖與處理結果,再儲存檔案。

為何推薦

圖片變小,也得保留需要的細節。Squoosh 把畫面差異與檔案大小放在一起,方便判斷這張圖適合壓縮到什麼程度。

適合誰

準備網站圖片的前端工程師與設計師,以及想在上傳文章配圖前縮小檔案的寫作者。

常用情境

  • 發布照片或插畫前,比較不同壓縮設定
  • 檢查縮小檔案後,重要細節是否仍然清楚

隱私提醒

圖片壓縮在裝置上完成,不會將圖片傳到伺服器。專案的隱私說明也列出 Google Analytics 會收集訪客資料,以及壓縮前後的檔案大小。

React Doctor

以確定性靜態分析找出 React 程式碼風險的 CLI 工具。

  • react
  • static-analysis
  • code-review

React Scan

自動標示 React app 中造成效能問題元件的瀏覽器工具。

  • react
  • performance
  • debugging

Color.review

快速比較前景與背景色對比,並對照常見無障礙門檻的工具。

  • color
  • contrast
  • accessibility