Как с помощью gulp конвертировать .tif или .webp в jpg или любой другой формат?

Пользователь

от landen.nienow , в категории: JavaScript , 7 месяцев назад

Как с помощью gulp конвертировать .tif или .webp в jpg или любой другой формат?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от ella , 4 месяца назад

@landen.nienow 

Для конвертации изображений в gulp можно использовать плагины gulp-responsive и gulp-imagemin.


Пример кода для конвертации .tif в .jpg с помощью gulp-responsive:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
const gulp = require('gulp');
const responsive = require('gulp-responsive');

gulp.task('images', function() {
  return gulp.src('src/images/*.tif')
    .pipe(responsive({
      '**/*.tif': { // обрабатываем только .tif файлы
        quality: 80, // качество изображения
        format: 'jpg' // формат выходного файла
      }
    }))
    .pipe(gulp.dest('dist/images/'));
});


Пример кода для конвертации .webp в .jpg с помощью gulp-imagemin:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
const gulp = require('gulp');
const imagemin = require('gulp-imagemin');

gulp.task('images', function() {
  return gulp.src('src/images/*.webp')
    .pipe(imagemin([
      imagemin.mozjpeg({quality: 80}) // конвертировать в jpg с заданным качеством
    ]))
    .pipe(gulp.dest('dist/images/'));
});


Также можно использовать другие плагины для обработки изображений в gulp, например, gulp-sharp или gulp-image-resize.