Zawartość tej Galerii
Ta galeria zawiera przykładowe obrazy przedstawiające 2 nowe tryby WebP: Technologia WebP bezstratna i WebP stratna z wersją alfa (obsługa przejrzystości).
Porównanie
Poniższa tabela przedstawia obrazy PNG (skompresowane za pomocą plików pngcrush i pngout), Obrazy bezstratne WebP i obrazy o zbyt szkodliwości w WebP z wersją alfa do wyświetlania obok siebie porównanie. Obrazy są nałożone na tło w szachownicę. w oprogramowaniu graficznym.
W przypadku obrazów o stratelności WebP użyliśmy jakości WebP 90 z kodami alfa i domyślna jakość bezstratnych obrazów WebP. Zobacz Powielanie obrazów, by uzyskać więcej informacji.
Wyświetlamy obrazy WebP – przekonwertowane z powrotem do formatu PNG – w przypadku przeglądarek, które nie który potrafi renderować WebP. Jeśli masz zgodną przeglądarkę, na stronie linki do plików WebP poniżej. Obrazy na tej stronie są też pomniejszony, aby ułatwić przeglądanie. Kliknij dowolny obraz, aby wyświetlić go w pełnym rozmiarze .
Tabela wskazuje też rozmiar obrazu uzyskany w każdym trybie.
PNG | bezstratny WebP | WebP stratny (z alfa) |
|---|---|---|
| „Żółta róża” 1. | ||
 Rozmiar pliku zoptymalizowany pod kątem PNG: 110,7 KB |
 Rozmiar pliku bezstratnego WebP: 79,9 KB |
 Rozmiar pliku WebP stratny (z wersją alfa): 17,7 KB |
| „smoking dla niemowlęcia na mojej stronie użytkownika” 2. | ||
 Rozmiar pliku zoptymalizowany pod kątem PNG: 38,1 KB |
 Rozmiar pliku bezstratnego WebP: 27,0 KB |
 Rozmiar pliku WebP stratny (z wersją alfa): 13,8 KB |
| „Prezentacja przezroczystości w formacie PNG” 3. | ||
 Rozmiar pliku zoptymalizowany pod kątem PNG: 213,5 KB |
 Rozmiar pliku bezstratnego WebP: 149,0 KB |
 Rozmiar pliku WebP stratny (z wersją alfa): 51,6 KB |
| „Gregor Mendel – 189 rocznica urodzin” 4. | ||
 Rozmiar pliku zoptymalizowany pod kątem PNG: 49,2 KB |
 Rozmiar pliku bezstratnego WebP: 33,2 KB |
 Rozmiar pliku WebP stratny (z wersją alfa): 18,3 KB |
| „Przezroczysta karta kompasu dla nakładek” 5. | ||
 Rozmiar pliku zoptymalizowany pod kątem PNG: 126,8 KB |
 Rozmiar pliku bezstratnego WebP: 97,1 KB |
 Rozmiar pliku WebP stratny (z wersją alfa): 57,3 KB |
Oto linki do plików WebP (widocznych w Chrome 22 i nowszych wersjach):
| „Żółta róża”: | Plik WebP bezstratny (80,1 KB) | Plik WebP stratny (z alfa) (18,4 KB) |
| "smoking dla dziecka na mojej stronie użytkownika": | Plik WebP bez strat (27,0 KB) | Plik WebP stratny (z wersją alfa) (14,1 KB) |
| „Demonstracja transpersji PNG”: | Plik WebP bez strat (149,1 KB) | Plik WebP stratny (z alfa) (52,6 KB) |
| „Gregor Mendel – 189 rocznica urodzin”: | Plik WebP bez strat (33,3 KB) | Plik WebP stratny (z alfa) (19,0 KB) |
| „Przezroczysta karta kompasu do nakładek”: | Plik WebP bez strat (97,1 KB) | Plik WebP stratny (z alfa) (57,3 KB) |
Autorstwo obrazu
Obrazy na tej stronie pochodzą z wielu różnych źródeł. Środki dla i wyświetlaj je po kolei.
| 1 |
„Bezpłatne zdjęcie licencjonowane w wysokiej rozdzielczości – żółta róża 3 – kwiaty” Autor zdjęcia: Jon Sullivan Ten plik należy do domeny publicznej. Źródło JPEG |
| 2 |
„smoking dla niemowlęcia na mojej stronie użytkownika” Autor obrazu: Fizyplankton Ten plik należy do domeny publicznej. Źródło PNG |
| 3 |
„Prezentacja przejrzystości PNG” Autor obrazu: kod źródłowy POV-Ray Zdjęcie na licencji: Creative Commons . Uznanie autorstwa – udostępniane na tych samych warunkach 3.0. Źródło PNG |
| 4 |
„Gregor Mendel – 189 rocznica urodzin” Autor obrazu: zespół Google Doodle Dziękujemy zespołowi Google Doodle za udostępnienie tego obrazu. Źródło PNG |
| 5 |
„Przezroczysta karta kompasu do nakładek” Autor obrazu: Denelson83 Ten plik jest objęty licencją Creative Commons . Uznanie autorstwa – udostępniane na tych samych warunkach 3.0. Źródło PNG |
Odtwarzanie obrazów
W celu zapewnienia odtwarzalności i zademonstrowania korzystania z niektórych technologii WebP opisane tutaj czynności, które należy wykonać, który generuje obrazy w tej galerii.
Narzędzia
Do rekompresji PNG najlepiej korzystać z plików PNGcrush 1.8.13 i ZopfliPNG 1.0.3. i zgody na określone zastosowania ich danych. Używane są następujące 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, dostępnej na stronie
https://www.imagemagick.org. Dokładny wiersz poleceń wyglądał tak:
convert image.png -resize 240x image_resized.png
Kompresja do formatu WebP bezstratnego
Zastosowaliśmy model „bezstratny”, w narzędziu cwebp do konwertowania PNG na WebP- bezstratny. Aby uzyskać jak najdokładniejsze dane wyjściowe, użyj dokładnie takiego wiersza poleceń w następujący sposób:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
Renderowanie bezstratne WebP
Przekonwertowaliśmy obrazy bezstratne WebP z powrotem do formatu PNG za pomocą narzędzia dwebp do renderowania. Dokładny użyty wiersz poleceń:
dwebp webp_lossless.webp -o output.png
Kompresja do stratnego formatu WebP (z alfa)
Do konwersji plików PNG na WebP straty (z wersją alfa) użyliśmy narzędzia cwebp. Wybraliśmy Jakość WebP 90 (kompresja stratna) i alfa 100 (kompresja bezstratna) kompresja). Dokładny użyty wiersz poleceń:
cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp
Renderowanie WebP stratne (z wersją alfa)
Przekonwertowaliśmy obrazy WebP stratne (z wersją alfa) z powrotem na format PNG za pomocą narzędzia dwebp jak renderowanie. Dokładny użyty wiersz poleceń:
dwebp webp_alpha.webp -o output.png