Zawartość tej galerii
Ta galeria zawiera kilka przykładowych obrazów pokazujących 2 nowe tryby WebP: bezstratny WebP i zachowanie WebP z wersją alfa (obsługa przezroczystości).
Porównanie
Tabela poniżej zawiera obrazy PNG (skompresowane za pomocą formatu PNGcrush i PNGout), obrazy w formacie bezstratnym WebP oraz obrazy w formacie WebP w wersji alfa (skompresowane) w celu porównania wyników. Obrazy są nakładane na tło w szachownicę, jak zwykle w oprogramowaniu graficznym.
Pamiętaj, że w przypadku obrazów z zmodyfikowaną wartością WebP (w wersji alfa) i domyślnej jakości w przypadku obrazów bezstratnych (WebP) zastosowaliśmy jakość WebP 90. Więcej informacji znajdziesz w sekcji Powielanie obrazów.
Prezentujemy obrazy WebP – przekonwertowane z powrotem na format PNG – przeznaczone dla przeglądarek, które nie obsługują renderowania WebP. Jeśli masz zgodną przeglądarkę, linki do plików WebP znajdziesz poniżej. Ponadto, dla wygody użytkowników obrazy na tej stronie są pomniejszone. Kliknij dowolny obraz, aby wyświetlić go w pełnym rozmiarze.
Tabela zawiera też informacje o rozmiarze obrazu uzyskanym w każdym trybie.
PNG | Bezstratne WebP | WebP-lossy (z alfa) |
|---|---|---|
| „Żółta róża”1 | ||
 Rozmiar pliku zoptymalizowany przez PNG: 110,7 KB |
 Rozmiar pliku bezstratnego typu WebP: 79,9 KB |
 Rozmiar pliku w formacie WebP (z wersją alfa): 17,7 KB |
| „baby tux dla mojej strony użytkownika” 2 | ||
 Rozmiar pliku zoptymalizowany przez PNG: 38,1 KB |
 Rozmiar pliku bezstratnego typu WebP: 27,0 KB |
 Rozmiar pliku w formacie WebP (z wersją alfa): 13,8 KB |
| „Prezentacja przejrzystości PNG” 3 | ||
 Rozmiar pliku zoptymalizowany przez PNG: 213,5 KB |
 Rozmiar pliku bezstratnego typu WebP: 149,0 KB |
 Rozmiar pliku w formacie WebP (z wersją alfa): 51,6 KB |
| „189 rocznica urodzin Gregora Mendela” 4 | ||
 Rozmiar pliku zoptymalizowany przez PNG: 49,2 KB |
 Rozmiar pliku bezstratnego typu WebP: 33,2 KB |
 Rozmiar pliku w formacie WebP (z wersją alfa): 18,3 KB |
| „Przejrzysta karta kompasu dla nakładek” 5 | ||
 Rozmiar pliku optymalizacyjnego PNG: 126,8 KB |
 Rozmiar pliku bezstrajnego typu WebP: 97,1 KB |
 Rozmiar pliku w formacie WebP (z wersją alfa): 57,3 KB |
Oto linki do plików WebP (widocznych w Chrome 22 i nowszych wersjach):
| „Żółta róża”: | Plik WebP-lossless (80,1 KB) | Plik WebP (z wersją alfa) (18,4 KB) |
| "baby tux dla mojej strony użytkownika": | Plik WebP-lossless (27,0 KB) | Plik WebP (z wersją alfa) (14,1 KB) |
| „Prezentacja transpercjonalności PNG”: | Plik WebP-lossless (149,1 KB) | Plik WebP (z wersją alfa) (52,6 KB) |
| „189 rocznica urodzin Gregora Mendela”: | Plik WebP-lossless (33,3 KB) | Plik WebP-lossy (z wersją alfa) (19,0 KB) |
| „Przejrzysta karta kompasu dla nakładek”: | Plik WebP-lossless (97,1 KB) | Plik WebP (z wersją alfa) (57,3 KB) |
Autorstwo obrazu
Obrazy na tej stronie pochodzą z wielu różnych źródeł. Informacje o autorach powyższych obrazów są wymienione tutaj w kolejności.
| 1 |
„Bezpłatne zdjęcie z banku zdjęć w wysokiej rozdzielczości – żółte róże 3 – kwiaty” Autor obrazu: Jon Sullivan Ten plik należy do domeny publicznej. Źródło JPEG |
| 2 |
„baby tux for my user page” Autor zdjęcia: Fizyplankton Ten plik należy do domeny publicznej. Źródło PNG |
| 3 |
„Prezentacja przejrzystości PNG” Autor zdjęcia: kod źródłowy POV-Ray Zdjęcie na licencji Creative Commons Uznanie autorstwa-Na tych samych warunkach 3.0 Unported. Źródło PNG |
| 4 |
„189 rocznica urodzin Gregora Mendela” Autor obrazu: zespół Google Doodle Dziękujemy zespołowi Google Doodle za tę grafikę. Źródło PNG |
| 5 |
„Przejrzysta karta kompasu dla nakładek” Autor zdjęcia: Denelson83 Ten plik jest dostępny na licencji Creative Commons Uznanie autorstwa-Uznania na tych samych warunkach 3.0 Unported. Źródło PNG |
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 rekompresji plików PNG używany jest najlepszy wynik z programów pngcrush 1.8.13 i ZopfliPNG 1.0.3. Używane są te opcje wiersza poleceń
Pngcrush:
pngcrush -brute -rem tEXt -rem tIME -rem iTXt -rem zTXt -rem gAMA -rem cHRM -rem iCCP -rem sRGB -rem alla -rem text input.png output-candidate.png
ZopfliPNG:
zopflipng --lossy_transparent input.png output-candidate.png
ZopfliPNG ze wszystkimi filtrami:
zopflipng --iterations=500 --filters=01234mepb --lossy_8bit --lossy_transparent input.png output-candidate.png
Do przeskalowania niektórych większych zdjęć źródłowych (tylko do wyświetlania) użyliśmy najnowszej wersji narzędzia ImageMagick o nazwie convert, które jest dostępne na stronie https://www.imagemagick.org. Wiersz poleceń wyglądał tak:
convert image.png -resize 240x image_resized.png
Kompresja do formatu WebP
Do konwersji formatu PNG na WebP wykorzystaliśmy opcję „bezstratna” w narzędziu Cwebp. Aby uzyskać minimalną ilość danych wyjściowych, wiersz poleceń wyglądał tak:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
Renderowanie bezstratne technologii WebP
Przekonwertujemy obrazy w formacie WebP z powrotem do formatu PNG za pomocą narzędzia dwebp do renderowania. Użyty wiersz poleceń był następujący:
dwebp webp_lossless.webp -o output.png
Kompresja do formatu WebP (z alfa)
Do konwersji formatu PNG na format WebP (z alfa) użyliśmy narzędzia Cwebp. Wybraliśmy jakość WebP na 90 (kompresja stratna) i jakość alfa na 100 (kompresja bezstratna). Użyty wiersz poleceń był następujący:
cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp
Renderowanie WebP-lossy (z alfa)
Przekonwertowaliśmy obrazy WebP (z wersją alfa) z powrotem na format PNG za pomocą narzędzia dwebp do renderowania. Użyty wiersz poleceń był następujący:
dwebp webp_alpha.webp -o output.png