码迷,mamicode.com
首页 > 其他好文 > 详细

grunt-contrib-imagemin 图像压缩

时间:2015-09-29 16:37:49      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

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
    }
  }
}

grunt-contrib-imagemin 图像压缩

标签:

原文地址:http://www.cnblogs.com/cyj7/p/4846377.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!