批量转换
一键批量将图片转为 WebP。无需脚本或 CLI，拖放即可。
面向现代前端工作流
在构建流程中自动优化图片
在浏览器内批量转换、压缩并导出 WebP。无需笨重软件、无需上传云端，本地快速处理。
轻量•离线可用•支持批量
getwebp-cli — node
$
图片优化总是被放到最后
- 从设计工具里手动导出
- 压缩程度不一致
- 格式混用（jpg/png/webp）
- 体积过大直到 Lighthouse 报错才想起来
结果呢？
- 打包体积臃肿
- 构建变慢
- 性能分数难看
- 资源目录一团乱
assets/
hero-banner.png4.8 MB
screenshot.jpg2.2 MB
未优化
Lighthouse — 性能
最大内容绘制 (LCP)
4.2s
“开发者不该为了压几张图专门去开 Photoshop。”
认识 GetWebP — 面向开发者的快速、本地图片工具
GetWebP 是一款浏览器扩展，像轻量级资源处理器一样工作。
压缩
可调质量自动压缩，减小体积同时保持清晰。
缩放
按响应式断点输出多尺寸，适配 srcset 与现代布局。
重命名
统一命名规范，支持 SEO 友好名称与批量规则。
导出格式
导出 WebP、AVIF 或 PNG，按场景选择格式。
抓取 / 下载
从任意网页直接下载并优化图片，接入你的工作流。
全部在本地运行。无 API、无服务器、无上传限制。
为真实开发工作流而建
提交前准备好资源
拖入 /assets 目录 → 批量转换 → 压缩 → 替换。只提交优化后的图片。
git commit -m "optimize assets"
构建前优化
在静态站点生成或打包前预处理图片，立刻减小最终产物体积。
从网页抓取并转换
右键任意图片 → 直接下载为压缩 WebP。适合原型与文档配图。
生成多尺寸
一次缩放 → 导出缩略图、移动端与视网膜版本，无需额外工具。
为什么开发者选择 GetWebP
更高的性能分数
更小的资源带来更好的 Lighthouse 与 Core Web Vitals 表现。
零额外依赖
无需 ImageMagick、无需笨重 CLI、无需维护 Docker 容器。
100% 本地处理
不上传。你的商业资产从不离开本机。
省下配置时间
几秒安装即用。适配任意技术栈（React、Vue、Astro 等）。
你需要的全都有
批量图片转换
WebP / JPG / PNG / AVIF 输出
拖拽操作
缩放与压缩
自定义命名规则
水印支持
从任意网站直接下载
离线可用
零配置
为什么不用 CLI 工具？
| 工具 | 配置 | 学习成本 | 本地？ | 小任务够快？ |
|---|---|---|---|---|
| ImageMagick | 复杂 | 高 | 是 | 否 |
| Node 脚本 | 中等 | 中等 | 是 | 否 |
| 在线工具 | 无 | 低 | 否 | 是 |
| GetWebP | 仅安装 | 无 | 是 | 是 |
GetWebP 适合在零工程负担下做快速、实用的图片优化。
典型工作流
安装扩展
拖入图片
转换与压缩
替换资源
Git 提交
安装扩展
拖入图片
转换与压缩
替换资源
Git 提交
不到 30 秒完成。
常见问题
别再发布过大的图片
在上线前把资源优化好。
安装 GetWebP，今天就开始自动化图片优化。