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圖片壓縮