UI设计师给的图片(Icon)有时候出奇的大
有两种方案解决,精灵图(雪碧图),不过这种要输出css文件,还要改代码。不想动代码的情况下,我们直接使用另一种 无损压缩下图片再替换掉原图提交到代码仓库即可
使用PS批处理图片
- 录制动作-》打开图片-》储存为web格式-》保存动作
- 文件-》自动-》批处理-》选中文件夹-》选中刚保存的动作
使用npm图片压缩工具 imgmin
imgmin包含了下面的模块,分别用于gif jpg png svg格式压缩
- gifsicle
- mozjpeg
- optipng
- svgo
这几个工具都用到了C模块
webpack img-loader(不推荐)
不推荐的原因是压缩图片一般是一次性的动作,而且耗时较长,另外原图提交到仓库,别的同学下载也麻烦
v1.5.2