做了个浏览器端图片压缩工具，求反馈

[ZhangEng]

初衷： 不想把私密图片上传到第三方服务器，但又需要压缩图片。

实现：

• 使用 Canvas API 在浏览器本地处理图片
• 支持质量调整和格式转换（ JPEG/PNG/WebP ）
• React 19 + Vite 构建，部署在 ESA Pages
• 整个应用只有 70 KB (gzipped)

链接：

• 在线试用： https://edgepic.ff9f8db6.er.aliyun-esa.net
• 开源代码： https://github.com/gnnyi/edgepic

想请教 V 友：

1. UI/UX 有什么可以改进的地方？
2. 功能上还缺什么？（我在考虑加批量压缩）
3. 有没有遇到 bug ？

欢迎拍砖 🙏

[JimmyG]

PNG 压缩 PNG 体积变大了

[JimmyG]

已节省空间

NaN undefined

原图
1.26 MB
Original
压缩后
--33%
1.68 MB
Compressed

[fancypanda]

我也做了，建议只输出 webp 和 jpg 格式，优先选择 webp 格式
一般不太会有反向生成 png 的需求
还可以研究下 avif 格式，不过这个格式过于先进，压缩时需要用到 wasm

[fancypanda]

另外还可以研究下 gif 动图转 webp 或 avif ，压缩比率惊人。我本来也想弄的，但是因为要对逻辑做较大修改，被 AI 劝退了

[moonrailgun]

https://image.moonrailgun.com/

我做的。AI 还是太顶了

[Vveeb]

https://github.com/GoogleChromeLabs/squoosh 看看这个呢
图片压缩后，展示的压缩前和压缩后的都是缩略图，似乎放大对比效果