安蝶

前端学习ing

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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  安蝶  阅读(295)  评论(0编辑  收藏  举报