0%

图片打包优化

UI设计师给的图片(Icon)有时候出奇的大

有两种方案解决,精灵图(雪碧图),不过这种要输出css文件,还要改代码。不想动代码的情况下,我们直接使用另一种 无损压缩下图片再替换掉原图提交到代码仓库即可

使用PS批处理图片

  1. 录制动作-》打开图片-》储存为web格式-》保存动作
  2. 文件-》自动-》批处理-》选中文件夹-》选中刚保存的动作

使用npm图片压缩工具 imgmin

imgmin包含了下面的模块,分别用于gif jpg png svg格式压缩

  • gifsicle
  • mozjpeg
  • optipng
  • svgo

这几个工具都用到了C模块

webpack img-loader(不推荐)

不推荐的原因是压缩图片一般是一次性的动作,而且耗时较长,另外原图提交到仓库,别的同学下载也麻烦

欢迎关注我的其它发布渠道

来发评论吧~
Powered By Valine
v1.5.2