WebP czyli format zdjęć internetowych prosto od Google

O co chodzi z tym WebP? Otóż jest to format zapisu zdjęć, który jest obecnie rozwijany przez Google.

Po co kolejny format?

Pewnie zapytasz, po co nam kolejny format, skoro mamy PNG, JPEG, które zdawałoby się rozwiązują wszystkie problemy z kompresją zdjęć? Otóż WebP łączy zalety PNG i JPG. Nie wierzysz? No to jeszcze dodam że obsługuje animację podobnie jak GIF!

Zaletą WebP jest np. to, że obsługuje przezroczystość podobnie jak PNG - z kanałem alfa. Generuje pliki ważące mniej w porównaniu do stratnej kompresji JPEG:

Zdjęcie JPEG ważące 12,9 KB (Jakość JPEG 80%):

A tutaj dokładnie to samo zdjęcie w formacie WebP ważące prawię połowę czyli 7KB!:

https://mansfeld.pl/wp-content/uploads/2018/09/przyklad-WEBP-4-optymal...

OK, wszystko fajnie czy są jakieś wady?

Niestety tak, jak każda innowacja w Internecie, nie jest szeroko wspierana przez przeglądarki inne niż Google Chrome, Mozilla Firefox i Opera.

Stosowanie WebP można serwować za pomocą artybtu srcset. Jeżeli przeglądarka obsługuje WebP załaduje i wyświetli WebP jeżeli nie, załaduje odpowiednik w JPG albo PNG z srcset. Niestety wiąże się to ze stworzeniem specjalnego skryptu lub po prostu z dołączaniem kilku wersji zdjęć.

Zachęcam do porównania jakości PNG vs. JPG vs. WebP i zapoznania się z dość obszerną i przydatną pracą na temat optymalizacji zdjęć na stronach internetowych.

Źródła:

"Optymalizacja zdjęć i grafiki na stronę www", z Web Design Bloga by Paweł Mansfeld link: https://mansfeld.pl/grafika/optymalizacja-zdjec-na-stronach-internetow...