时隔大多半年，图片压缩工具的坑给填上了

[iyour]

之前发帖做了一个浏览器端的图片压缩工具(https://v2ex.com/t/807207)，当时有人留言说希望加一个批量的处理的功能，还有站长大大说关注一下 jpegxl 的新一代图片格式，这次把图片的压缩实现改为了 GoogleChromeLabs 的 Squoosh 可以支持 jxl ，还可以支持其他更多的图片格式转换，之前留下的坑终于算是都填完了。

访问地址：https://www.photofun.cn/compress/

附两张截图：

[TigerJie]

https://vkceyugu.cdn.bspapp.com/VKCEYUGU-fbef4341-61ab-44a6-9c30-73c4cce56370/38a3f97d-d89b-4294-92e7-53f3dfc648b1.png

有点压力

[iyour]

@TigerJie 压缩速度和文件大小有关系，受电脑配置影响也会有不同

[iqoo]

其实可以用 github action 压，提交后自动优化图片。

[iyour]

@iqoo 这个在线工具主要应对日常使用需求了，项目开发当然通过打包工具都可以处理了

[misaka19000]

不错，资瓷！

[misaka19000]

@TigerJie 你这个傻图片啊。。。我电脑打开浏览器都卡了。。。

[iyour]

@misaka19000 😄感谢资瓷！

[hzlzh]

🎉很棒很好用，能否优化下响应式布局，这样在 MenubarX.app 里打开就更完美了，随时拖图进去压缩了
https://tva3.sinaimg.cn/large/644eac00gy1h2i6wrrrajj20p40l6afq.jpg

[iyour]

@hzlzh 用过 MenubarX 非常棒的，后面一定加上响应式布局，🤣让它在 MenubarX 里愉快的打开

[flyn]

请问「选择图片品质」后面括号里的「 PS 」指的是什么？

[iyour]

@flyn 其实就是百分比的意思了

[flyn]

@iyour 谢谢，我还以为是按照 Photoshop 的标准来压缩的。

[KouShuiYu]

体验很好

[TigerJie]

@misaka19000 分辨率 19200 * 12000

[dianso]

heic heif 可以支持吗

[iyour]

@dianso 后面可以考虑做支持

[kawei]

 不是说 webp 是无损压缩吗? 为什么这么惨..

[iyour]

@kawei webp 选择了图像质量其实就是有损压缩，但是我测试的还没出现你截图的情况，可能是和不同电脑环境有关系（ https://sm.ms/image/s7QIE3oPbDxrmJj ）

[mariaovo]

有个小疑问：GoogleChromeLabs 的 Squoosh 是交给浏览器来压缩的吗，采用 wasm 的方式吗？

[iyour]

@mariaovo 是的了，图片的解码编码都是 wasm 在浏览器 worker 里完成的

[feiffy]

很好用，正好需要这样一个工具，保存到本地了

[mayli]

请问这个和 sqoosh 有什么区别

[iyour]

使用更加方便简化，另外就是支持批量压缩处理

[mariaovo]

@iyour 好奇是直接用了 squoosh 的 wasm 文件吗，还是自己重新实现了一遍之后编译出 wasm 完成的？（最近在看 wasm 相关的内容，觉得 Google 的这个项目和 OP 的这个项目很具有学习价值）

[iyour]

@mariaovo wasm 文件基本上都是用来处理图片编码解码，这部分是由其他开源库提供的，squoosh 主要是把这些不同图片格式需要的 wasm 做了一个整合，方便统一调用，squoosh 确实是一个学习 wasm 应用很好的项目。