Komentarze do: Format zdjęć WebP sprawdza się w sieci znakomicie

Autor: Michał Kortas

Michał Kortas — Tue, 20 Oct 2020 08:21:09 +0000

W odpowiedzi do Krzysztof. Dziękuję za kod. AVIF zapowiada się świetnie.

Autor: Krzysztof

Krzysztof — Fri, 16 Oct 2020 12:11:41 +0000

Można też wskazać pliki do konwersji:

gulp.task('webp', () =>
   gulp.src('./source/_gfx/*.{jpg,jpeg,png,tiff}')
      .pipe(webp())
      .pipe(gulp.dest('gfx'))
)

gulp.task('webp', () =>

gulp.src('./source/_gfx/*.{jpg,jpeg,png,tiff}')

.pipe(webp())

.pipe(gulp.dest('gfx'))

)

można to zautomatyzować, tylko tak ja mam w watch’a ustawionaego na less->css a zdjęcia raczej ich bardzo dużo nie wrzucamy to można zrobić to „z ręki”.

Autor: Krzysztof

Krzysztof — Fri, 16 Oct 2020 12:07:15 +0000

W odpowiedzi do btk. Ten opis też wygląda ciekawie: https://publishing-project.rivendellweb.net/gulp-and-avif-part-2/

Autor: Michał Kortas

Michał Kortas — Thu, 15 Oct 2020 06:33:33 +0000

W odpowiedzi do btk. Ciekawa alternatywa. Kompresja jest niewiarygodna. Zastanawiam się ile tylko zajmie implementacja w przeglądarkach :)

Autor: btk

btk — Wed, 14 Oct 2020 06:59:16 +0000

WebP można użyć tu i teraz, ale na horyzoncie mamy jeszcze AVIF, który może przejąć palmę pierwszeństwa już niedługo. 'Mała’ analiza: https://jakearchibald.com/2020/avif-has-landed/

Autor: Michał Kortas

Michał Kortas — Mon, 12 Oct 2020 06:51:26 +0000

W odpowiedzi do Krzysztof. Dziękuję za podrzucenie kodu. W ten sposób można zautomatyzować sobie szybką konwersję. Co do spadku rozmiaru pliku - imponujące :) Pozdrawiam

Autor: Krzysztof

Krzysztof — Sun, 11 Oct 2020 20:43:29 +0000

Zaciekawiłem sie tematem i nie powiem bardzo ciekawy wpis. Jako że nie mam konwertera do plików użyłem gulpa i gulp-webp plugin.

const gulp = require('gulp');
const webp = require('gulp-webp');

gulp.task('webp', function () {
   return gulp.src('./source/_gfx/*')
      .pipe(webp())
      .pipe(gulp.dest('gfx'));
});

const gulp = require('gulp');

const webp = require('gulp-webp');

gulp.task('webp', function () {

return gulp.src('./source/_gfx/*')

.pipe(webp())

.pipe(gulp.dest('gfx'));

});

Efekt końcowy:
229kB –> 33kB, spadek jakości nie zauważyłem