批次轉換
一次批次將圖片轉換為 WebP。不需要腳本、不需要 CLI — 只要拖放即可。
專為現代前端工作流程打造
在您的建置管道中自動化圖片最佳化
大量轉換、壓縮並匯出 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 是一個運作起來像是輕量級資源處理器的瀏覽器擴充功能。
壓縮
透過可設定的畫質參數自動壓縮。在不失去清晰度的前提下縮減檔案大小。
調整大小
為響應式斷點調整大小。輸出多種尺寸以適用於 srcset 和現代排版。
重新命名
使用一致的慣例重新命名。支援 SEO 友善的名稱與批次模式。
匯出格式
匯出 WebP、AVIF 或 PNG。為每個使用情境選擇正確的格式。
抓取 / 下載
直接從任何網站下載最佳化過的圖片到您的工作流程中。
一切都在本地運行。沒有 API。沒有伺服器。沒有上傳限制。
為真實的開發工作流程而生
在 Commit 前準備好資源
放入您的 /assets 資料夾 → 批次轉換 → 壓縮 → 取代。只提交最佳化後的圖片。
git commit -m "optimize assets"
在 Build 前進行最佳化
在靜態網站生成或打包之前預先處理圖片。瞬間減少最終的 Bundle 大小。
從網路上抓取並轉換
右鍵點擊任何圖片 → 直接下載為壓縮好的 WebP。非常適合用於 Mockup 和文件說明。
生成多種尺寸
調整一次大小 → 匯出縮圖、行動版及 Retina 版本。不需要額外的工具設定。
為什麼開發者使用 GetWebP
更快的效能分數
較小的靜態資源代表有更好的 Lighthouse 與網站核心指標 (Core Web Vitals) 分數。
沒有額外的依賴套件
不需要 ImageMagick、不需要繁瑣的 CLI 設定，也不用維護 Docker 容器。
100% 本地處理
無須上傳。您的專有資產永遠不會離開您的機器。
節省設定時間
幾秒鐘內即可安裝並使用。可與任何技術棧 (React、Vue、Astro 等) 搭配運作。
您需要的一切
批次圖片轉換器
支援 WebP / JPG / PNG / AVIF 輸出
拖放式介面
調整大小與壓縮
自訂檔案命名規則
支援浮水印
從任何網站直接下載
支援離線使用
零設定 (Zero Configuration)
為什麼不使用 CLI 工具？
| 工具 | 設定 | 學習曲線 | 是否本地？ | 小任務夠快嗎？ |
|---|---|---|---|---|
| ImageMagick | 複雜 | 高 | 是 | 否 |
| Node 腳本 | 中等 | 中等 | 是 | 否 |
| 線上工具 | 無 | 低 | 否 | 是 |
| GetWebP | 只需安裝 | 無 | 是 | 是 |
GetWebP 非常適合快速、實用的最佳化工作，而不會產生額外的工程負擔。
典型的工作流程
安裝擴充功能
拖曳圖片
轉換並壓縮
取代靜態資源
Git Commit
安裝擴充功能
拖曳圖片
轉換並壓縮
取代靜態資源
Git Commit
在 30 秒內完成。
常見問題
是的。GetWebP 使用 WebAssembly 在您的瀏覽器中 100% 本地運行。沒有任何圖片會被上傳到伺服器，確保專有資產的完全隱私。
可以。您可以一次拖放數百張圖片。擴充功能會根據您的 CPU 執行緒平行處理它們。
對於日常的臨時任務 (例如最佳化登陸頁面的圖片素材)，是的——這比寫腳本快多了。對於自動化的 CI/CD 管道，您應該堅持使用您的建置工具。
軟體沒有硬編碼的限制。處理能力完全取決於您機器可用的 RAM。我們已經成功測試過高達 50MB+ 的檔案。
別再發佈過大的圖片了
在您的資產上線前就將其最佳化。
安裝 GetWebP，立即自動化您的圖片最佳化流程。