Galeria WebP

Tę stronę galerii najlepiej wyświetlać w przeglądarce obsługującej WebP, np. Google Chrome, Opera i innych.

Jeśli nie masz dostępu do Google Chrome, możesz pobrać obrazy z dysku lokalnego, by używać ich z innymi usługami obsługującymi WebP.

Przykładowe pliki graficzne w formacie JPEG i WebP oraz jako źródło PNG

W tabeli poniżej znajdziesz skalowane obrazy JPEG (po lewej) i WebP (po prawej) obok siebie. Istnieją przeglądarki, które natywnie obsługują technologię WebP, dlatego nie umieszczamy już obrazów WebP w kontenerach PNG, jak to zrobiliśmy na początku. Rozmiary plików graficznych są dokładne. Po kliknięciu miniatur JPEG i WebP otwierają się duże obrazy w nowej karcie.

Rozmiary plików pod miniaturami odpowiadają rozmiarom plików obrazów wyświetlanych po kliknięciu miniatur. Obrazy WebP są o ponad 30% mniejsze niż te w formacie JPEG.

JPEG

WebP

„Nærøyfjorden, Norwegia – z Breiskrednosi. światowego dziedzictwa UNESCO”1

Rozmiar pliku JPEG: 43,84 KB
Obraz WebP
Rozmiar pliku WebP: 29,61 KB
„Kayaker at Ekstremsportveko 2010, Voss”. 2

Rozmiar pliku JPEG: 86,25 KB
Obraz WebP
Rozmiar pliku WebP: 59,18 KB
Ramka 10 sekwencji „Parkrun” 3

Rozmiar pliku JPEG: 297,05 KB
Obraz WebP
Rozmiar pliku WebP: 198,38 KB
Obraz: „Dzika wiśnia (Prunus avium) w kwiacie” 4

Rozmiar pliku JPEG: 251,03 KB
Obraz WebP
Rozmiar pliku WebP: 172,82 KB
Obraz: Oddychanie ogniem „Jaipur Maharaja Brass Band” Chassepierre, Belgia 5

Rozmiar pliku JPEG: 120,78 KB
Obraz WebP
Rozmiar pliku WebP: 80,76 KB

Autorstwo obrazu

Obrazy na tej stronie pochodzą z wielu różnych źródeł. Wybraliśmy kilka ciekawych, atrakcyjnych zdjęć pokazujących cechy WebP. Słynne klasyczne obrazy, takie jak Lena czy „Baboon”, często używane do porównywania kompresji, nie są niestety chronione prawami autorskimi.

Informacje o autorach powyższych zdjęć są wymienione na tej liście w kolejności.

1 „Nærøyfjorden, Norwegia – z Breiskrednosi. Światowe Dziedzictwo UNESCO”
Autor zdjęcia: Kjetil Birkeland Moe
Reprodukcja za zgodą autora.
Źródło PNG
Post na blogu przez autora z porównaniem plików JPEG i WebP. Najechanie kursorem myszy aktywuje przykłady.
2 „Kayaker at Ekstremsportveko 2010, Voss”
Autor zdjęcia: Kjetil Birkeland Moe
Reprodukcja za zgodą autora.
Źródło PNG
Post na blogu przez autora z porównaniem plików JPEG i WebP. Najechanie kursorem myszy aktywuje przykłady.
3 Ramka 10 sekwencji „Parkrun”
Producent obrazów: Lars Haglund, SVT Sveriges Television AB
Reprodukcja za zgodą producenta
Źródło PNG
4 Zdjęcie: „Dzika wiśnia (Prunus avium) w kwiacie”
Autor grafiki: Benjamin Gimmel
Źródło PNG
Zdjęcie na licencji Creative Commons Uznanie autorstwa-Na tych samych warunkach 3.0 Unported.
5 Zdjęcie: Fire Reep Band „Jaipur Maharaja Brass Band” Chassepierre Belgium
Autor: Luc Viatour
Źródło PNG
Zdjęcie na licencji Creative Commons Uznanie autorstwa – na tych samych warunkach 3.0 Unported.
Witryna autora: www.lucnix.be

Powielanie obrazów

W trosce o odtwarzanie i zademonstrowanie użycia niektórych parametrów kompresji WebP poniżej opisujemy dokładne kroki wymagane podczas generowania obrazów w tej galerii.

Narzędzia,

Do przekonwertowania i przeskalowania zdjęć źródłowych użyliśmy najnowszej wersji narzędzia ImageMagick o nazwie convert, które jest dostępne na stronie https://www.imagemagick.org. Informacje o wersji:

Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org

Do kompresji plików JPEG użyliśmy wersji 8b kodera IJG dostępnego pod adresem https://www.ijg.org/files/jpegsrc.v8b.tar.gz.

Informacje o wersji:

Independent JPEG Group's CJPEG, version 8b  16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding

Generowanie zdjęć źródłowych obrazów PNG

Źródła JPEG są najpierw konwertowane bezstratnie na format PNG w ten sposób:

convert in.jpg out.png

Następnie duże obrazy źródłowe są skalowane do niższej szerokości 1024 pikseli za pomocą tego polecenia:

convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png

w celu wygenerowania ostatecznego zestawu źródłowych obrazów PNG.

Kompresja do formatu JPEG

Koder JPEG (cjpeg) pobiera obrazy wejściowe w formacie PPM. Do ich generowania używamy convert. Pełna sekwencja konwersji wygląda wtedy tak:

convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm

który tworzy zoptymalizowane pliki JPEG o współczynniku jakości 80.

Kompresowanie do formatu WebP

Zależało nam na zmniejszeniu rozmiaru plików o 30% w porównaniu ze zoptymalizowanych plików JPEG. Dlatego wyraźnie określiliśmy rozmiary docelowe dla każdego zdjęcia. Poza tym dzięki opcji -f w narzędziu cwebp możemy doraźnie ustawiać natężenie filtrowania w przypadku każdego zdjęcia. W przypadku niektórych zdjęć amplituda szumu przestrzennego jest też wzmacniana za pomocą opcji -sns. Używane wiersze poleceń brzmią dokładnie w ten sposób:

cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp

Ogólnie wynikowe pliki WebP zapewniły globalne oszczędności rzędu 32% w porównaniu z rozmiarami plików JPEG.

Pamiętaj, że miniatury WebP użyte na tej stronie są też o 26% mniejsze w porównaniu z ich odpowiednikami w formacie JPEG.