初衷： 不想把私密图片上传到第三方服务器，但又需要压缩图片。
实现：
- 使用 Canvas API 在浏览器本地处理图片
- 支持质量调整和格式转换（ JPEG/PNG/WebP ）
- React 19 + Vite 构建，部署在 ESA Pages
- 整个应用只有 70 KB (gzipped)
链接：
想请教 V 友：
- UI/UX 有什么可以改进的地方？
- 功能上还缺什么？（我在考虑加批量压缩）
- 有没有遇到 bug ？
欢迎拍砖
6 条回复 2026-01-14 15:48:21 +08:00
 | 1 JimmyG 3 天前 PNG 压缩 PNG 体积变大了 |
| 2 JimmyG 3 天前 已节省空间 NaN undefined 原图 1.26 MB Original 压缩后 --33% 1.68 MB Compressed |
 | 3 fancypanda 3 天前 我也做了，建议只输出 webp 和 jpg 格式，优先选择 webp 格式 一般不太会有反向生成 png 的需求 还可以研究下 avif 格式，不过这个格式过于先进，压缩时需要用到 wasm |
| 4 fancypanda 3 天前 另外还可以研究下 gif 动图转 webp 或 avif ，压缩比率惊人。我本来也想弄的，但是因为要对逻辑做较大修改，被 AI 劝退了 |
 | 5 moonrailgun 3 天前 |
 | 6 Vveeb 3 天前 https://github.com/GoogleChromeLabs/squoosh 看看这个呢 图片压缩后，展示的压缩前和压缩后的都是缩略图，似乎放大对比效果 |
Select Language