WebP zyskuje coraz większą popularność. Obrazy zapisane w formacie WebP cechują się bardzo dobrym stosunkiem jakości do rozmiarów, dzięki czemu grafiki nie obciążają nadmiernie szybkości ładowania się strony internetowej. Dodatkowo format obsługuje przezroczystość.
Format WebP z powodzeniem może zastąpić pliki takie jak: JPG, PNG czy GIF.
Kompresja plików graficznych WebP
Format umożliwia znaczną redukcję wagi pliku przy zachowaniu jakości. Oficjalne dane na ten temat mówią o zmniejszeniu pliku PNG o 26% (przy kompresji bezstratnej) natomiast pliku JPG o 34% (przy kompresji stratnej). W rzeczywistości możemy osiągnąć rezultaty znacznie lepsze i zmniejszyć rozmiar pliku graficznego nawet kilkukrotnie.
Jak otworzyć format WebP?
Mimo rosnącej popularności nie wszystkie programy graficzne są w stanie otworzyć plik WebP. Najlepiej wykorzystać do tego przeglądarkę Chrome lub Opera.
Konwertowanie obrazów innych formatów na WebP
Google przygotował gotowe rozwiązania dla programistów, którzy chcą stosować pliki WebP w swoich projektach (dokumentacja dostępna pod adresem: https://developers.google.com/speed/webp/download). Możemy także wykorzystać pluginy do popularnych programów graficznych.
Najprostszym sposobem konwersji pliku JPEG lub PNG do WebP jest skorzystanie z dostępnych w internecie konwerterów:
- https://convertio.co/pl/
- https://onlineconvertfree.com/
- https://ezgif.com/
- https://cloudconvert.com/
Które przeglądarki obsługują format WebP?
Mimo że WebP ma już ponad 10 lat, nadal są problemy z jego kompatybilnością. Początkowo format był obsługiwany jedynie przez przeglądarki Google Chrome i Opera. Obecnie niemal każda przeglądarka oferuje pełne lub częściowe wsparcie dla omawianego formatu. Wyjątkiem jest tutaj Internet Explorer - przeglądarka nie jest już rozwijana, a zakończenie wsparcia ma nastąpić 17 sierpnia 2021 roku.
Jeżeli chcesz sprawdzić, które wersje przeglądarek zapewniają wsparcie dla plików WebP, skorzystaj z tego adresu: caniuse.com
Co gdy przeglądarka nie obsługuje formatu WebP?
Część starszych wersji przeglądarek nie jest kompatybilna z nowym formatem. Dla użytkowników, którzy nie aktualizują swojego oprogramowania, warto zapewnić rozwiązanie awaryjne.
Najprostszym i najskuteczniejszym sposobem będzie skorzystanie z poniższego rozwiązania:
< picture >
< source srcset="zdjecie.webp" type="image/webp" >
< source srcset="zdjecie.jpg" type="image/jpeg" >
< img src="zdjecie.jpg" >
< /picture >
- nowe przeglądarki obsługujące format WebP wyświetlą zdjecie.webp ze znacznika < source >
- starsze przeglądarki bez wsparcia dla formatu WebP wyświetlą zdjecie.jpg ze znacznika < source >
- przeglądarki bez wsparcia dla znacznika < picture > (np. Internet Explorer) wyświetlą zdjecie.jpg ze znacznika < img >
Ostatnia aktualizacja: 12 czerwca 2024
Pozyskuj klientów online i zwiększaj zyski dzięki reklamie w Internecie!
Powiązane Artykuły
Dlaczego responsywność strony jest tak ważna w dzisiejszych czasach
Posiadanie strony internetowej to must have dla wszystkich firm, które chcą zwiększyć rozpoznawalność swojej marki w internecie, zwiększyć sprzedaż czy ilość...
Przeczytaj artykuł >>
Co to jest web scraping i do czego się go wykorzystuje?
Z artykułu dowiesz się nie tylko czym jest web scraping, ale także poznasz kilka popularnych zastosowań tej techniki. Dowiesz się o wadach i zaletach web scraping'u, o...
Przeczytaj artykuł >>
Tworzenie i optymalizacja szablonu strony internetowej - Jak lepiej zrozumieć Google PageSpeed Insight
Tworząc stronę lub sklep internetowy dla Twojej lub innej firmy zastanawiałeś się zapewne co wpłynie na jej szybkość. Prawdopodobnie nie są Ci obce rozmyślania nad...
Przeczytaj artykuł >>