唯品秀前端博客
当前位置: 前端开发 > 前端工具箱 > 利用node快速压缩图片、视频(突破某网站单次最多20张限制)

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

2019-09-06 分类:前端工具箱 作者:管理员 阅读(580)

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

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

  • ● 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%+,比你看到其他视频压缩工具收费便宜多了,免费的基本都不给力,不是清晰度不行就是压缩后不够小巧。

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

赞(1) 打赏

谢谢你请我吃鸡腿*^_^*

支付宝
微信
1

谢谢你请我吃鸡腿*^_^*

支付宝
微信

上一篇:

下一篇:

你可能感兴趣

共有 2 条评论 - 利用node快速压缩图片、视频(突破某网站单次最多20张限制)

  1. 污泥螺杆泵 Windows 7 Chrome 63.0.3239.132

    污泥螺杆泵

    1. 管理员 Windows NT Chrome 57.0.2987.98

      @污泥螺杆泵何を言っていますか?あなたの意味がよく分かりませんでした。

博客简介

唯品秀博客: weipxiu.com,一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站,愿景:成为宇宙中最具有代表性的前端博客,期待您的参与,主题源码 

精彩评论

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

站点统计

  • 文章总数: 243 篇
  • 草稿数目: 0 篇
  • 分类数目: 15 个
  • 独立页面: 6 个
  • 评论总数: 903 条
  • 链接总数: 14 个
  • 标签总数: 433 个
  • 建站时间: 1070 天
  • 注册用户: 3844 人
  • 访问总量: 8704630 次
  • 最近更新: 2019年11月14日
服务热线:
 173xxxx7240

 QQ在线交流

 旺旺在线