Zawartość tej galerii
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 |
Rozmiar pliku WebP: 29,61 KB |
„Kayaker at Ekstremsportveko 2010, Voss”. 2 | |
Rozmiar pliku JPEG: 86,25 KB |
Rozmiar pliku WebP: 59,18 KB |
Ramka 10 sekwencji „Parkrun” 3 | |
Rozmiar pliku JPEG: 297,05 KB |
Rozmiar pliku WebP: 198,38 KB |
Obraz: „Dzika wiśnia (Prunus avium) w kwiacie” 4 | |
Rozmiar pliku JPEG: 251,03 KB |
Rozmiar pliku WebP: 172,82 KB |
Obraz: Oddychanie ogniem „Jaipur Maharaja Brass Band” Chassepierre, Belgia 5 | |
Rozmiar pliku JPEG: 120,78 KB |
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.