nicothin / NTH-start-project

Startkit for HTML / CSS / JS pages layout.
https://nicothin.pro/NTH-start-project/blocks-demo.html
Do What The F*ck You Want To Public License
616 stars 214 forks source link

Здесь не предусмотрена оптимизация по сжатию изображений? #98

Open Webica opened 3 years ago

Webica commented 3 years ago

вижу что есть оптимизация png спрайта, а как же остальные изображения?

nicothin commented 3 years ago

Когда-то была в виде задачи при старте процесса, потом в виде отдельной команды, не помню почему я убрал команду. Вероятно, потерялась при очередной переделке )) Восприму ишью как фитч-реквест )

npofopr commented 3 years ago

вижу что есть оптимизация png спрайта, а как же остальные изображения?

Ранее, была отдельная задача для этого

// Ручная оптимизация изображений
// Использование: folder=src/img npm start img:opt
const folder = process.env.folder;
gulp.task('img:opt', function (callback) {
  const imagemin = require('gulp-imagemin');
  // const pngquant = require('imagemin-pngquant');
  if(folder){
    console.log('---------- Оптимизация картинок');
    return gulp.src(folder + '/*.{jpg,jpeg,gif,png,svg}')
      .pipe(imagemin([
        imagemin.gifsicle({ interlaced: true }),
        imagemin.jpegtran({ progressive: true }),
        imagemin.optipng({ optimizationLevel: 5 }),
        imagemin.svgo({
          plugins: [
            { removeViewBox: false },
            { cleanupIDs: false }
          ]
        })
      ]))
      .pipe(gulp.dest(folder));
  }
  else {
    console.log('---------- Оптимизация картинок: ошибка (не указана папка)');
    console.log('---------- Пример вызова команды: folder=src/blocks/block-name/img npm start img:opt');
    callback();
  }
});
nicothin commented 3 years ago

Вероятно, мне стоит дописать подобную задачу, запускаемую вручную, ибо автооптимизация на каждый запуск — медленно.