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

2024-01-19 15:03:45 +08:00
hututu11  hututu11

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

看起来目前有这几种方式

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

2010 次点击
所在节点   问与答  问与答
17 条回复
qian0nian
qian0nian
2024-01-19 15:28:57 +08:00
用 TinyPNG 的 api ,根据用途自己写代码调用
wyhooo
wyhooo
2024-01-19 15:39:41 +08:00
蓝湖这种设计网站一般都能直接下载压缩后的。
要么就写个脚本,每次手动跑一下批量压缩。
linyongxin
linyongxin
2024-01-19 16:07:37 +08:00
之前是用对象存储的 webp 转换,小程序等瀑布流的速度提升很明显,据说收费很贵,小网站无所谓
Tyaqing
Tyaqing
2024-01-19 16:13:07 +08:00
压缩好再存肯定最好了,如果是 Figma 推荐使用插件 ExportX ,导出的时候可以自动压缩,也支持 webp
https://www.figma.com/community/plugin/1301958586584763919

云存储的压缩每次是会收费,不过可以做持久化
Leon406
Leon406
2024-01-19 16:34:49 +08:00
xnconvet 压缩后再上传 OSS
sparkinglemon
sparkinglemon
2024-01-19 18:33:46 +08:00
tinypng, https://squoosh.app/ 这两个能应付绝大多数情况了
potatowish
potatowish
2024-01-19 18:49:57 +08:00
免费的可以用 squoosh ,除了有网页版(squoosh.app),还提供了 @squoosh/lib 包,写个 node 脚本批量读取、压缩,减少繁琐的操作。
hututu11
hututu11
2024-01-19 21:23:21 +08:00
@qian0nian 类似 webpack 打包来处理么?
hututu11
hututu11
2024-01-19 21:23:47 +08:00
@wyhooo 公司用的 Figma ,脚本确实可行,可以尝试下
hututu11
hututu11
2024-01-19 21:30:51 +08:00
xianqin
xianqin
2024-01-19 21:44:39 +08:00
这个能批量压缩 https://imagetool.app/
Bear13023
Bear13023
2024-01-19 23:14:04 +08:00
https://github.com/microsoft/PowerToys

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

可以自己试试。
lxmfly123
lxmfly123
2024-01-20 09:24:56 +08:00
@Tyaqing 试了下,这个在 figma 上还挺方便,直接点一下就压缩导出了
imqiyue
imqiyue
2024-01-20 10:11:47 +08:00
我工作上用蓝湖之类的直接压缩,个人 ppduck 和 tinypng ,视频直接怼 ffmpeg
woodie1994
woodie1994
2024-01-20 16:32:45 +08:00
上传的时候压缩好后再上传到服务器,我用的 lrz.js
jifengg
jifengg
2024-01-22 09:30:39 +08:00
几年前做过各种 png 离线压缩工具的测试,最后选定了一款 https://pngquant.org/

页面有提供 GUI ,也可以用 CLI 自己做个脚本。用 CLI 的时候注意,他会覆盖源文件,所以最好复制出来一份进行处理。
lynan
lynan
2024-01-26 17:50:10 +08:00
@jifengg cli 用 https://www.npmjs.com/package/imagemin 挺好,可以支持各种编解码器的 plugin

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1010024

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX