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

Question

[dq7myk]

Хочу что-бы картинки любого формата сжимались и переделывались в 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())
}

Comments

[smilingcheater]

Расскажите, что именно вы хотите делать со своими картинками, и в каком формате у вас исходные картинки. Сейчас у вас описано что-то очень странное - вы в уже существующий pipe подмешиваете ещё раз gulp.src. И зачем вам и конвертация в wepb, и оптимизация?