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