grunt-contrib-imagemin 图像压缩

grunt-contrib-imagemin:图像压缩

安装插件:npm install grunt-contrib-imagemin --save-dev

参数

optimizationLevel(png)
类型:number
默认值:3
选择优化级别0到7。

progressive(jpg)
类型:boolean
默认:true
无损转换。

interlaced(gif)
类型:boolean
默认:true
交错的gif逐步呈现。

svgoPlugins(svg)
类型:array
默认:[]
定制使用哪个SVGO插件。

use
类型:array
默认:null
额外的插件与imagemin使用。

1.动态压缩文件夹内的图片

imagemin: {
  /* 压缩图片大小 */
  dist: {
    options: {
      optimizationLevel: 3 //定义 PNG 图片优化水平
    },
    files: [{
      expand: true,
      cwd: 'img/',
      src: ['**/*.{png,jpg,jpeg}'], // 优化 img 目录下所有 png/jpg/jpeg 图片
      dest: 'img1/' // 优化后的图片保存位置,覆盖旧图片,并且不作提示
    }]
  }
}

2.静态压缩图片

imagemin: {
  /* 压缩图片大小 */
  dist: {
    options: {
      optimizationLevel: 3 //定义 PNG 图片优化水平
    },
    files: {
      'img1/1.jpg' : 'img/1.jpg',
      'img1/2.jpg' : 'img/2.jpg'
    }
  }
}
posted on 2015-09-29 15:03  安蝶 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/cyj7/p/4846377.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值