Gulp. Урок 4. Плагины для изображений

Плагины для работы с графикой



1) Плагин для сжатия изображений на 30-40% gulp-imagemin
https://www.npmjs.com/package/gulp-imagemin
Установка: npm i gulp-imagemin

В файле gulpfile.js пишем:
var gulp = require('gulp');
const imagemin = require('gulp-imagemin');

gulp.task('default', () =>
    gulp.src('img/*')
        .pipe(imagemin())
        .pipe(gulp.dest('dist/images'))
);

Запускаем командой gulp

2) gulp-image-resize
https://www.npmjs.com/package/gulp-image-resize

3) gulp-img-retina
https://www.npmjs.com/package/gulp-img-retina/

4) Генерация адаптивных изображений gulp-responsive
https://www.npmjs.com/package/gulp-responsive

5) Автоматическое преобразование подключенных в css изображений в data-uri - плагин gulp-imacss
https://www.npmjs.com/package/gulp-imacss