Przewodnik po obrazach WebP: Jak korzystać z formatu WebP z WordPress
Opublikowany: 2022-07-29Wszyscy kochamy dobry GIF, ale formaty obrazów przeszły długą drogę od czasu wprowadzenia GIF-a w 1987 roku. Doświadczeni projektanci stron internetowych przeszli na JPEG, PNG, a teraz WebP.
Podczas gdy GIF-y cieszą się drugim życiem jako pożywka dla kanałów Slack i wiadomości tekstowych, nowy format WebP zaczyna przejmować sieć.
W tym poście przyglądamy się rozwojowi WebP i przedstawiamy wskazówki, jak wykorzystać go na swojej stronie. Nauczysz się:
- Jak działa format
- Zalety obrazów WebP
- Ograniczenia korzystania z WebP
- Jak włączyć obrazy WebP dla WordPress
Jak działa format WebP
Wywodzący się z On2 Technologies, Google rozwija WebP jako format obrazu o otwartym kodzie źródłowym i ma nadzieję, że stanie się on nowym akceptowanym standardem dla obrazów internetowych.
WebP oferuje ulepszoną kompresję obrazu. Możesz zmniejszyć rozmiary plików bez utraty jakości obrazu. WebP jest wyjątkowy pod względem obsługi kompresji stratnej i bezstratnej.
Kompresja bezstratna umożliwia zmniejszenie rozmiaru pliku przy zachowaniu oryginalnej jakości obrazu. Żadne oryginalne dane nie zostaną utracone, więc możesz przywrócić obraz do jego oryginalnej jakości i rozmiaru.
Wykorzystanie kompresji stratnej skutkuje jeszcze mniejszymi rozmiarami plików. Kompresja stratna zachowuje tylko dane wymagane do wyświetlenia obrazu w jego zmniejszonym rozmiarze. Nie będziesz w stanie dostosować rozmiaru kopii zapasowej i zachować oryginalnej jakości.
Aby w pełni wykorzystać WebP, użyj kompresji bezstratnej dla obrazów, które muszą być skalowane do różnych rozmiarów, takich jak obrazy tła. Użyj kompresji stratnej dla obrazów o stałych wymiarach. Jeśli znasz maksymalną szerokość polecanego obrazu lub obrazu produktu w swojej witrynie, możesz zapisać go z kompresją stratną do dokładnie tych wymiarów.
Korzyści z WebP
Więc co napędza rozwój WebP? Format oferuje wiele zalet, w tym łatwość użytkowania i wydajność. Przyjrzyjmy się najważniejszym zaletom korzystania z WebP dla Twojej witryny.
Łatwo konwertuj istniejące obrazy
Możesz przekonwertować dowolne istniejące pliki PNG, GIF lub JPEG ze swojej witryny na plik WebP. Nie poświęcisz jakości i zazwyczaj zmniejszysz rozmiar pliku.
Lepsza kompresja
Jeśli przekonwertujesz plik PNG lub JPEG na WebP, rozmiar pliku WebP będzie od 30 do 50% mniejszy niż oryginał. Mniejsze obrazy powinny przyspieszyć ładowanie stron, dlatego zalecamy kompresję obrazu jako jeden z najlepszych sposobów na przyspieszenie witryny WooCommerce .
Lepsza wydajność witryny
Szybsze ładowanie obrazów i stron zapewnia lepsze wrażenia użytkownika. Możesz także poprawić rankingi w wyszukiwarkach, optymalizując witrynę pod kątem szybkości. Wyszukiwarki kładą nacisk na szybkość ładowania witryny. Witryny szybciej ładujące się mają wyższą pozycję w rankingu niż te wolniejsze.
Udostępnianie obrazów w formacie nowej generacji, takim jak WebP, to jeden z naszych 12 wypróbowanych i skutecznych sposobów poprawy wyniku Google PageSpeed Insights .
Wsparcie dla przejrzystości i animacji
Kto nie lubi animowanego GIF-a? Dzięki WebP masz szczęście. WebP obsługuje animację i przezroczystość.
Powszechna obsługa przeglądarek
Większość nowoczesnych przeglądarek obsługuje WebP. Przeglądarka Safari firmy Apple była samotna, ale ostatecznie wprowadziła obsługę WebP w zeszłym roku wraz z Safari 14.
Ograniczenia WebP
Głównym ograniczeniem WebP jest zapewnienie kompatybilności we wszystkich sposobach wykorzystania obrazu. Możesz napotkać problemy, jeśli użyjesz danych swojej witryny do przesyłania danych do kampanii e-mailowych lub aplikacji mobilnych.
Przetestuj wszystkie miejsca, w których pojawi się obraz, aby upewnić się, że format WebP będzie działał. Możesz również rozważyć zaoferowanie dwóch wersji obrazu. Używaj WebP, gdy jest to dozwolone, i zastępczego JPEG lub PNG, gdy WebP nie jest obsługiwany.
Jak włączyć WebP z WordPress
WordPress zaczął oferować obsługę WebP od wersji 5.8. Jeśli Twój serwer obsługuje WebP, powinieneś być w stanie przesyłać i używać obrazów WebP, tak jak każdy inny obsługiwany typ obrazu.
Opcje korzystania z obrazów WebP w WordPress obejmują:
- Ręczne konwertowanie obrazów. Użyj narzędzia online, takiego jak CloudConvert , aby przekształcić obrazy do WebP. Jest to czasochłonne zadanie ręczne, ponieważ musisz przesłać pliki do konwertera, a następnie przesłać nowy plik do biblioteki WordPress.
- Wtyczka optymalizacji obrazu. Wiele wtyczek do optymalizacji obrazu zawiera już opcje konwersji i wyświetlania obrazów jako plików WebP. Sprawdź dokumentację swojej wtyczki, aby dowiedzieć się, jak włączyć opcje dla swojej witryny.
- Wtyczka WebP. Zamiast wtyczki optymalizacyjnej możesz również użyć specjalnie zaprojektowanej wtyczki, takiej jak WebP Converter for Media , aby automatycznie konwertować przesłane obrazy do WebP.
Szybsze strony z WebP i Pressable
Jeśli interesuje Cię WebP, prawdopodobnie chcesz, aby Twoja witryna ładowała się tak szybko, jak to możliwe. Zmniejszenie rozmiarów plików graficznych o połowę dzięki niesamowitej kompresji WebP to świetne miejsce na rozpoczęcie. Innym sposobem na zapewnienie jak najszybszego działania witryny jest wybranie odpowiedniego hosta.
W Pressable nasze usługi hostingowe zapewniają najlepszą możliwą wydajność dla witryn WordPress. Nasza usługa hostingu zarządzanego w chmurze ułatwia zarządzanie witryną, oferując jednocześnie 100% bezawaryjnej pracy i błyskawiczną szybkość. Aha, a wsparcie WebP? Mamy to pokryte. Nasza globalna sieć CDN obsługuje również WebP, dzięki czemu możesz czerpać wszystkie korzyści płynące z używania tego nowego formatu obrazu.
Aby dowiedzieć się więcej o tym, jak Pressable usprawnia działanie WordPressa, zarezerwuj niestandardowe demo już dziś.
