初衷： 不想把私密图片上传到第三方服务器，但又需要压缩图片。
实现：
- 使用 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 23 小时 27 分钟前
PNG 压缩 PNG 体积变大了
|
|
2
JimmyG 23 小时 26 分钟前
已节省空间
NaN undefined 原图 1.26 MB Original 压缩后 --33% 1.68 MB Compressed |
 |
3
fancypanda 23 小时 18 分钟前
我也做了，建议只输出 webp 和 jpg 格式，优先选择 webp 格式
一般不太会有反向生成 png 的需求 还可以研究下 avif 格式，不过这个格式过于先进，压缩时需要用到 wasm |
|
4
fancypanda 23 小时 15 分钟前
另外还可以研究下 gif 动图转 webp 或 avif ，压缩比率惊人。我本来也想弄的，但是因为要对逻辑做较大修改，被 AI 劝退了
|
 |
5
moonrailgun 23 小时 9 分钟前
|
 |
6
Vveeb 22 小时 47 分钟前
https://github.com/GoogleChromeLabs/squoosh 看看这个呢
图片压缩后，展示的压缩前和压缩后的都是缩略图，似乎放大对比效果 |
Select Language