專為現代前端工作流程打造

在您的建置管道中自動化圖片最佳化

大量轉換、壓縮並匯出 WebP 圖片 — 直接在您的瀏覽器內完成。沒有笨重的軟體。沒有雲端上傳。只有快速的本地處理。

輕量級離線運作支援批次

getwebp-cli — node
$

圖片最佳化總是被拋在腦後

  • 從設計工具手動匯出
  • 壓縮標準不一致
  • 格式混雜 (jpg/png/webp)
  • 直到 Lighthouse 報錯才發現檔案過大

那會發生什麼事?

  • 龐大的 Bundle 體積
  • 緩慢的建置速度
  • 低落的效能分數
  • 雜亂無章的靜態資源資料夾
assets/
hero-banner.png4.8 MB
screenshot.jpg2.2 MB
未最佳化
Lighthouse — 效能

最大內容繪製 (LCP)

4.2s

開發者不應該只為了壓縮圖片而手動打開 Photoshop。

認識 GetWebP — 為開發者設計的快速本地圖片工具

GetWebP 是一個運作起來像是輕量級資源處理器的瀏覽器擴充功能。

批次轉換

一次批次將圖片轉換為 WebP。不需要腳本、不需要 CLI — 只要拖放即可。

壓縮

透過可設定的畫質參數自動壓縮。在不失去清晰度的前提下縮減檔案大小。

調整大小

為響應式斷點調整大小。輸出多種尺寸以適用於 srcset 和現代排版。

重新命名

使用一致的慣例重新命名。支援 SEO 友善的名稱與批次模式。

匯出格式

匯出 WebP、AVIF 或 PNG。為每個使用情境選擇正確的格式。

抓取 / 下載

Download optimized images from supported webpage targets into your workflow.

一切都在本地運行。沒有 API。沒有伺服器。沒有上傳限制。

為真實的開發工作流程而生

在 Commit 前準備好資源

放入您的 /assets 資料夾 → 批次轉換 → 壓縮 → 取代。只提交最佳化後的圖片。

git commit -m "optimize assets"

在 Build 前進行最佳化

在靜態網站生成或打包之前預先處理圖片。瞬間減少最終的 Bundle 大小。

從網路上抓取並轉換

Right-click supported webpage images → download directly as compressed WebP. Perfect for mockups and documentation.

生成多種尺寸

調整一次大小 → 匯出縮圖、行動版及 Retina 版本。不需要額外的工具設定。

為什麼開發者使用 GetWebP

更快的效能分數

較小的靜態資源代表有更好的 Lighthouse 與網站核心指標 (Core Web Vitals) 分數。

沒有額外的依賴套件

不需要 ImageMagick、不需要繁瑣的 CLI 設定,也不用維護 Docker 容器。

100% 本地處理

無須上傳。您的專有資產永遠不會離開您的機器。

節省設定時間

幾秒鐘內即可安裝並使用。可與任何技術棧 (React、Vue、Astro 等) 搭配運作。

您需要的一切

批次圖片轉換器
支援 WebP / JPG / PNG / AVIF 輸出
拖放式介面
調整大小與壓縮
自訂檔案命名規則
支援浮水印
Direct download from supported webpages
支援離線使用
零設定 (Zero Configuration)

為什麼不使用 CLI 工具?

工具設定學習曲線是否本地?小任務夠快嗎?
ImageMagick複雜
Node 腳本中等中等
線上工具
GetWebP只需安裝

GetWebP 非常適合快速、實用的最佳化工作,而不會產生額外的工程負擔。

典型的工作流程

安裝擴充功能

拖曳圖片

轉換並壓縮

取代靜態資源

Git Commit

在 30 秒內完成。

常見問題

是的。GetWebP 使用 WebAssembly 在您的瀏覽器中 100% 本地運行。沒有任何圖片會被上傳到伺服器,確保專有資產的完全隱私。

可以。您可以一次拖放數百張圖片。擴充功能會根據您的 CPU 執行緒平行處理它們。

對於日常的臨時任務 (例如最佳化登陸頁面的圖片素材),是的——這比寫腳本快多了。對於自動化的 CI/CD 管道,您應該堅持使用您的建置工具。

軟體沒有硬編碼的限制。處理能力完全取決於您機器可用的 RAM。我們已經成功測試過高達 50MB+ 的檔案。

別再發佈過大的圖片了

在您的資產上線前就將其最佳化。

安裝 GetWebP,立即自動化您的圖片最佳化流程。