[工具] ·
图片压缩 / WebP 转换
把 JPEG/PNG 在浏览器里压成 WebP，单文件最大 20MB。全部本地处理。
栈：canvas, webp, vanilla-js
CDN 之前先压一下，省钱。
这是什么
写 Notes 时经常要贴图。原图动辄几 MB，扔到 CDN 既慢又贵。
这个工具在浏览器里把 JPEG/PNG 重新编码成 WebP，质量参数可调。完全本地处理——图片不上传任何服务器。
用法
- 拖图进去
- 调质量滑块（默认 80）
- 下载结果
限制
- 单文件 ≤ 20MB（浏览器内存限制）
- 输出 WebP（Safari 14+ / Chrome 全版本支持）
- 不支持 AVIF（暂时）
我们用它做什么
- 写 Notes 时压缩截图
- 给客服邮件附件瘦身
- 把产品图批量转 WebP 上 CDN
技术细节
- 使用
<canvas>的toBlob('image/webp', quality) - 大文件用
createImageBitmap分块处理 - 不依赖任何 npm 包