Squoosh

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

前往 Squoosh 官方網站

這是什麼

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

為何推薦

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

適合誰

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

常用情境

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

隱私提醒

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

SVGOMG

使用 SVGO 設定來最佳化 SVG 檔案的瀏覽器介面。

  • svg
  • optimization
  • web-performance

網頁工具

Same Energy

從一張圖片出發,依風格與氣氛尋找相關藝術、攝影與視覺靈感。

  • visual-search
  • images
  • discovery

靈感

Burst

Burst:偏向商務用途的圖庫照片。

  • photography
  • images

視覺