一行命令让当前项目图片资源大小减小60%,图像质量肉眼看不出变化

徘徊边缘 提交于 2019-12-18 11:07:19

会搜寻当前项目下的图片文件,并且压缩替换

项目地址:https://github.com/L-x-C/imageShrink

安装

npm install super-image-shrink

如何使用

在项目中的package.json中的scripts里加一行 'src'可以换成你想要替换的文件目录

{
  ...
 "scripts": {
    "shrink": "node node_modules/super-image-shrink src"
  },
  ...
}

然后在项目目录下终端运行

npm run shrink

效果

执行前

 

 

执行后

 

 

执行前

 

 

执行后

 

 

图像质量肉眼看不出什么区别吧

项目由来

公司项目是用react native开发的,bundle的大小决定了app包的大小,其中图片资源占了很大一部分,所以在优化的过程中用node写了个脚本自动寻找项目中的图片并替换,顺大便开源了一下。

项目地址:https://github.com/L-x-C/imageShrink

star一发呗!

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!