> For the complete documentation index, see [llms.txt](https://javascriptuse.gitbook.io/javascript/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://javascriptuse.gitbook.io/javascript/gulp-optimizing-images.md).

# \[GULP] Gulp - Optimizing Images

https\://www\.tutorialspoint.com/gulp/gulp\_optimizing\_images.htm

### Install Plugins to Optimize Images

```
npm install gulp-changed --save-dev
npm install gulp-imagemin --save-dev
```

### Declare Dependencies and Create Tasks

```
var gulp = require('gulp');
var changed = require('gulp-changed');
var imagemin = require('gulp-imagemin');
```

```
gulp.task('imagemin', function() {
   var imgSrc = 'src/images/*.+(png|jpg|gif)',
   imgDst = 'build/images';
   
   gulp.src(imgSrc)
   .pipe(changed(imgDst))
   .pipe(imagemin())
   .pipe(gulp.dest(imgDst));
});

gulp.task('default',['imagemin'],function(){
});
```