共 2 条评论关于"利用node快速压缩图片、视频(突破某网站单次最多20张限制)"
最新评论
前端开发离不开图片的使用，那么考虑性能、网络带宽，用户体验、各种乱七八糟问题，结果：压缩图片这道工序应该是必不可少的！
通常压缩图片方式有哪些？
- 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%+，比你看到其他视频压缩工具收费便宜多了，免费的基本都不给力，不是清晰度不行就是压缩后不够小巧。
本站所有文章、图片、资源等如无特殊说明或标注，均为来自互联网或者站长原创，版权归原作者所有；仅作为个人学习、研究以及欣赏！如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，邮箱：343049466@qq.com
赞(4)
打赏
上一篇：基于vue+koa2+socket.io实现多人在线实时聊天
污泥螺杆泵
@污泥螺杆泵何を言っていますか？あなたの意味がよく分かりませんでした。