请教下大家是怎么压缩静态图片资源的？

[hututu11]

经常开发运营活动，好多切图，压缩可以加快访问速度，

看起来目前有这几种方式

• TinyPNG （当前在使用，图片改来改去，手动导出再压缩有点繁琐）
• 云对象存储配套的压缩（压缩一次好像收费？）

看了一下好像让对象存储自己压缩最方便，请教各位大佬，是不是都是这么整的，或者还有其他更便捷的方式么

[qian0nian]

用 TinyPNG 的 api ，根据用途自己写代码调用

[wyhooo]

蓝湖这种设计网站一般都能直接下载压缩后的。
要么就写个脚本，每次手动跑一下批量压缩。

[linyongxin]

之前是用对象存储的 webp 转换，小程序等瀑布流的速度提升很明显，据说收费很贵，小网站无所谓

[Tyaqing]

压缩好再存肯定最好了，如果是 Figma 推荐使用插件 ExportX ，导出的时候可以自动压缩，也支持 webp
https://www.figma.com/community/plugin/1301958586584763919

云存储的压缩每次是会收费，不过可以做持久化

[Leon406]

xnconvet 压缩后再上传 OSS

[sparkinglemon]

tinypng, https://squoosh.app/ 这两个能应付绝大多数情况了

[potatowish]

免费的可以用 squoosh ，除了有网页版(squoosh.app)，还提供了 @squoosh/lib 包，写个 node 脚本批量读取、压缩，减少繁琐的操作。

[hututu11]

@qian0nian 类似 webpack 打包来处理么？

[hututu11]

@wyhooo 公司用的 Figma ，脚本确实可行，可以尝试下

[hututu11]

@Leon406
@sparkinglemon
@potatowish
@Tyaqing
@linyongxin 好的感谢🙏

[xianqin]

这个能批量压缩 https://imagetool.app/

[Bear13023]

https://github.com/microsoft/PowerToys

微软这个工具集自带了压缩图片功能，直接右键 4K 或是 1080P 之类的

可以自己试试。

[lxmfly123]

@Tyaqing 试了下，这个在 figma 上还挺方便，直接点一下就压缩导出了

[imqiyue]

我工作上用蓝湖之类的直接压缩，个人 ppduck 和 tinypng ，视频直接怼 ffmpeg

[woodie1994]

上传的时候压缩好后再上传到服务器，我用的 lrz.js

[jifengg]

几年前做过各种 png 离线压缩工具的测试，最后选定了一款 https://pngquant.org/

页面有提供 GUI ，也可以用 CLI 自己做个脚本。用 CLI 的时候注意，他会覆盖源文件，所以最好复制出来一份进行处理。

[lynan]

@jifengg cli 用 https://www.npmjs.com/package/imagemin 挺好，可以支持各种编解码器的 plugin