获得徽章 0
- Canvas API vs WebAssembly,浏览器端图片处理到底该用哪个?
实测了一下,同一张 3MB JPEG 转 WebP:
Canvas convertToBlob() → 80ms
WASM (libwebp) → 400ms
Canvas 快了 5 倍,但压缩质量 WASM 完胜。
详细对比juejin.cn
基于这个思路做了个工具:pixelswift.site
展开赞过评论1 - TinyPNG:上传图片 → 服务器压缩 → 下载结果,10 张图要 15-30 秒
PixelSwift:浏览器本地 WASM 压缩,10 张图约 3 秒搞定,不发任何网络请求
用 MozJPEG + OxiPNG 的 WebAssembly 版本,压缩质量不输 TinyPNG,但更快而且隐私安全。支持压缩、格式转换、尺寸调整,手机上也能用。
踩了不少坑(Vite 加载 WASM、批量处理内存溢出、SIMD 兼容),写了篇文章记录juejin.cn
在线体验:pixelswift.site
展开等人赞过37