gulp图片压缩

gulp图片压缩

网页性能优化，通常要处理图片，尤其图片量大的时候，更需要工具来批量处理，这里使用gulp，做个简单总结

image-resize压缩尺寸

var gulp = require('gulp');
 var imageResize = require('gulp-image-resize');
 gulp.task('resize', function() {
   return gulp.src('./images/**/*')
     .pipe(imageResize({
       width: 400,
       height: 400,
     }))
     .pipe(gulp.dest('dist/resize'));
 });

注意 压缩尺寸，改变图像分辨率，需要到GraphicsMagick官网下载gm二进制程序。

• Windows安装，下载二进制程序，一直点next就行了。
• Centos 安装，百度或Google:Centos GraphicsMagic 安装

gulp-imagemin品质压缩

var gulp = require('gulp');
 var imagemin = require('gulp-imagemin');
 var pngquant = require('imagemin-pngquant');
 gulp.task('min', function() {
   return gulp.src('./images/**/*')
     .pipe(imagemin({
       progressive: true,
       use: [pngquant({
         quality: '65-80'
       })]
     }))
     .pipe(gulp.dest('dist/min'));
 })

##　参考文献
gulp图片压缩