利用node快速压缩图片、视频(突破某网站单次最多20张限制)

2019-09-06 分类：前端工具箱作者：管理员阅读（124）

前端开发离不开图片的使用，那么考虑性能、网络带宽，用户体验、各种乱七八糟问题，结果：压缩图片这道工序应该是必不可少的！

通常压缩图片方式有哪些？

● UI设计师帮我们压缩，这个你得看UI妹子心情，那要是遇到UI汉子？你估计都不想找他了。其实，很多UI压缩的效果也并不是很理想，要么压缩太狠，失真？要么就感觉好像压缩后体积也没减少多少嘛
● 如果是工程化项目，一般我们都会配置上插件，打包时候自动压缩，嗯，好像也可以，但不是很通用，万一我就想压缩一堆图片在某个地方用，难道你还要去建个项目架子么
● 最简单通用的好像就是通过tinypng网站在线压缩，但这玩意儿压缩效果是很不错，但有让人很是讨厌的单次压缩最多20张条件限制，有时候图片多了，很烦，需要一直守着，压缩完20张再手动去添加新的20张图片继续压缩

那有没有一种方式，简单、快速、高效？

答案：自然有的

通过Node全局安装插件

1	npm i ishrink -g

我默认你作为一个前端开发者电脑上已经安装了node，那么就运行这么个命令，就算安装完了，没错，事实就这么简单，一次安装永久使用，那么接下来说怎么使用。

使用姿势

按url方式压缩

1
2
3
4

//本地图片地址
sk -u C:\Users\admin\Desktop\ys\shrinked
//网络图片地址
sk -u https://www.weipxiu.com/wp-content/themes/Art_Blog/images/banner-5.jpg

这个地址不仅仅是你图片在电脑上存储的地址，也可以是网络图片地址，对，你没有听错，就是这么吊

按目录压缩方式

1
2
3
4
5

//压缩一个文件夹的所有图片
sk -d images

//压缩多个文件夹的所有图片
sk -d img && sk -d images

注意，你可以同时压缩多个文件夹的图片，但压缩完后所有图片会放进同一个文件夹中，不会帮你按照之前文件夹形式区分开。

按本地文件名压缩方式

1	sk -f banner-5.jpg

预览运行截图

修改压缩后的存储文件夹名

等待片刻即可压缩完成，压缩后的文件默认放在运行命令同级目录的shrinked目录下，你也可以通过-p参数自定义存储目录，比如：

1	sk -f banner-5.jpg -p images

小结

总体来说该方法批量压缩图片使用效果还是很不错的，基于tinypng实现，损失很小，基本上看不出来，突破了tinypng网站单次最多20张限制，电脑全局安装一次插件，以后直接一个命令就可执行压缩，非常的方便简洁，大家都可以试试。

最后小广告，大家如果需要压缩视频文件的可以联系我，为什么要压缩视频？一般视频不经过压缩文件非常大，直接挂在网站上或者网盘中给用户访问，对服务器带宽、用户播放流畅性及下载体验都是极大挑战和伤害。价格5元一次/个（量大从优），压缩效果：仅有源文件1/10大小，清晰度还原90%+，比你看到其他视频压缩工具收费便宜多了，免费的基本都不给力，不是清晰度不行就是压缩后不够小巧。

「两年博客，如果觉得我的文章对您有用，请帮助本站成长」

赞(0) 打赏