Задать вопрос
@dq7myk

Как сделать чтобы gulp не ломал картинки любого формата при сжатии?

Хочу что-бы картинки любого формата сжимались и переделывались в webp, сохраняясь в папке dist/img (сжатые картинки и webp формата) Webp формат мне нужен для поддерживающих браузеров его формат, сжатая jpg картинка остается как запасной вариант если какие-то проблемы с webp
проблема такая: Картинки в папке dist/img создаются, формат webp переводится и работает хорошо, а вот jpg картинка сжимается но не открывается (пишет: формат файла не поддерживается).
import webp from 'gulp-webp'
import imagemin from 'gulp-imagemin'

export const images = () => {
  return app.gulp
    .src(app.path.src.images, { encoding: false })
    .pipe(
      app.plugins.plumber(
        app.plugins.notify.onError({
          title: 'IMAGES',
          message: 'Error: <%= error.message %>',
        }),
      ),
    )
    .pipe(app.plugins.newer(app.path.build.images))
    .pipe(webp())
    .pipe(app.gulp.dest(app.path.build.images))
    .pipe(app.gulp.src(app.path.src.images))
    .pipe(app.plugins.newer(app.path.build.images))
    .pipe(
      imagemin({
        progressive: true,
        svgoPlugins: [{ removeViewBox: false }],
        interlaced: true,
        optimizationLevel: 3,
      }),
    )
    .pipe(app.gulp.dest(app.path.build.images))
    .pipe(app.gulp.src(app.path.src.svg))
    .pipe(app.gulp.dest(app.path.build.images))
    .pipe(app.plugins.browsersync.stream())
}
  • Вопрос задан
  • 79 просмотров
Подписаться 1 Средний 1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы