Spis treści
Czytasz teraz:
Konwersja obrazów z JPG na WebP za pomocą wtyczki do WordPressa. WARTO!
Zamknij
Konwersja obrazów z JPG na WebP – dlaczego warto i jak to zrobić?
Aktualizacja PageSpeed Insights od Google przyniosła kilka nowości. Połączenie z narzędziem Lighthouse znacznie zwiększyło ilość zaawansowanych danych, które możemy otrzymać. Jedną ze zmian jest raport dotyczący formatów plików graficznych używanych na stronie. Warto się bliżej przyjrzeć, czym są i jak wykorzystać „formaty nowej generacji” na przykładzie jednego z nich – formatu WebP.
Czym jest format WebP?
WebP to format plików graficznych dedykowany stronom internetowym. Charakterystyczną cechą, jaka wyróżnia WebP od swoich starszych poprzedników, a więc JPG i PNG, jest wyższy stopień kompresji obrazu. Mówiąc najprościej – tej samej jakości grafika zajmuje mniej miejsca na serwerze, a więc wczytuje się szybciej.
(Dalszą część artykułu znajdziesz pod formularzem)
Wypełnij formularz i odbierz wycenę
Zapoznamy się z Twoim biznesem i przygotujemy indywidualną ofertę cenową na optymalny dla Ciebie mix marketingowy. Zupełnie za darmo.
Masz prawo wycofać ją w dowolnym momencie, kierując informację o wycofaniu na ochronadanych@verseo.pl. Wycofanie zgody nie wpływa na zgodność z prawem działań podjętych na podstawie zgody przed jej wycofaniem.
Administratorem Twoich danych osobowych jest Verseo spółka z ograniczoną odpowiedzialnością z siedzibą w Poznaniu, przy ul. Węglowej 1/3, wpisana do rejestru przedsiębiorców prowadzonego przez Sąd Rejonowy Poznań – Nowe Miasto i Wilda w Poznaniu, Wydział VIII Gospodarczy Krajowego Rejestru Sądowego pod numerem KRS: 0000910174, NIP: 7773257986.
Możesz skontaktować się z nami listownie na podany wyżej adres lub e-mailem na adres: ochronadanych@verseo.pl.
Masz prawo do:
- dostępu do swoich danych oraz otrzymania ich kopii,
- sprostowania swoich danych,
- żądania usunięcia danych,
- ograniczenia przetwarzania,
- przenoszenia danych osobowych,
- wniesienia sprzeciwu co do przetwarzania danych osobowych,
Jeśli uważasz, że przetwarzamy Twoje dane niezgodnie z wymogami prawnymi masz prawo wnieść skargę do organu nadzorczego – Prezesa Urzędu Ochrony Danych Osobowych.
Twoje dane osobowe możemy przetwarzać w następujących celach:
- podejmowania działań przed zawarciem umowy, w szczególności dostarczenia oferty na żądanie osoby, której dane dotyczą, na podstawie art. 6 ust. 1 lit. b ogólnego rozporządzenia o ochronie danych osobowych (RODO). Okres przetwarzania danych w tym celu wynosi czas niezbędny do realizacji działań poprzedzających zawarcie umowy, ale nie dłużej niż okres 6 miesięcy od daty ostatniej komunikacji pochodzącej od osoby, której dane dotyczą.
- marketingowych polegających na promocji naszych towarów i usług oraz nas samych na podstawie art. 6 ust. 1 lit. f RODO w związku z realizacją prawnie usprawiedliwionych naszych interesów polegających na dbaniu o interesy administratora oraz promowaniu usług i dążeniu do nawiązania współpracy. Okres przetwarzania danych osobowych, w zakresie działań marketingowych, wynosi do momentu wycofania zgody na otrzymywanie informacji handlowych na podstawie przepisów ustawy prawa komunikacji elektronicznej lub do momentu wniesienia skutecznego sprzeciwu wobec przetwarzania danych, jednak nie dłużej niż 3 miesiące od momentu wysyłki przez administratora ostatniej komunikacji.
- zabezpieczenia lub dochodzenia ewentualnych roszczeń na podstawie art. 6 ust. 1 lit. f. RODO w związku z naszym uzasadnionym interesem dotyczącym ochrony naszych praw lub osób, których prawa dotyczą. Okres przetwarzania danych odnosi się do okresu przedawnienia danego roszczenia.
Podanie przez Ciebie danych jest dobrowolne, ale niezbędne do obsługi zapytania, bądź wysyłki informacji handlowych. Brak ich podania uniemożliwi udzielenie Tobie odpowiedzi.
Twoje dane będziemy przekazywać zaufanym odbiorcom:
- dostawcom narzędzi do: analityki ruchu na stronie, wysyłki informacji handlowych.
- podmiotom zajmującym się hostingiem (przechowywaniem) strony oraz danych osobowych.
Nie przetwarzamy danych osobowych w sposób, który wiązałby się z podejmowaniem wyłącznie zautomatyzowanych decyzji co do Twojej osoby. Twoje dane osobowe nie będą przekazywane do państwa trzeciego ani organizacji międzynarodowej.
Więcej informacji dotyczących przetwarzania danych osobowych zawarliśmy w Polityce prywatności.
WebP nie jest już nowością. Światło dzienne ujrzał w 2010 roku, a szeroko zaczęto o nim mówić 3 lata później, kiedy format plików graficznych został wdrożony w Google Play. Kolejny raz o WebP zrobiło się głośno wraz z niedawną aktualizacją narzędzia PageSpeed Insights, w którym to Google zaznaczył, jak istotnym jest stosowanie na stronie internetowej obrazów w formatach nowej generacji.
Dlaczego warto zwrócić uwagę na format WebP? Chociażby dlatego, że Google jest jego właścicielem, a jak wielokrotnie obserwowaliśmy w przeszłości, gigant z Mountain View faworyzuje technologie, które zakupił. Podobnie było chociażby z Google Analytics.
Pomimo swojego wieku WebP przyjmowany jest jednak w środowisku programistycznym nieco opornie. Objawia się to tym, że wciąż nie wszystkie przeglądarki go obsługują, co utrudnia implementację. Tym samym przy konwertowaniu grafik musimy się odpowiednio zabezpieczyć.
Co daje konwersja obrazów z jpg na WebP w PageSpeed Insights?
Oczywiście poprawia wyniki! Optymalizacja grafik na stronie internetowej to jedna z najważniejszych (a także najłatwiejszych) czynności, które można wykonać w celu jej przyspieszenia. Konwersja JPG na WebP nie powinna więc stwarzać trudności. Możemy tego dokonać na kilka sposobów – w zależności od CMSa i stopnia dostępu, jaki posiadamy.
Możemy ręcznie przekonwertować obrazy za pomocą zewnętrznego programu, a następnie wgrać je na hosting. Jeśli nie chcemy jednak modyfikować ręcznie plików, a nasza strona zbudowana jest na popularnym WordPressie, najłatwiej będzie użyć wtyczki.
Prosta wtyczka WordPress do konwersji plików JPG i PNG na WebP
Wtyczek oferujących konwersję z JPG, PNG czy GIF na WebP jest wiele. Taką możliwość daje chociażby ShortPixel Image Optimizer.
ShortPixel Image Optimizer w wersji darmowej umożliwia konwersję ze starszych formatów na WebP do 100 zdjęć miesięcznie. Dodatkowo mamy do wyboru wykupienie opcji abonamentowej lub jednorazowe zasilenie konta.
Dla oszczędnych przewidziano opcje polecenia programu, dzięki któremu zarówno osoba polecająca, jak i rejestrującą się, otrzyma dodatkową możliwość jednorazowej kompresji dodatkowych 100 zdjęć.
Konwersja JPG na WebP krok po kroku
Wtyczkę ShortPixel Image Optimizer pobieramy jak wszystkie inne. Po jej włączeniu w panelu WordPressa zostaniemy poproszeni o wpisanie klucza API. Wystarczy zarejestrować się na stronie, podając dowolny e-mail, do którego mamy dostęp. W kilka sekund otrzymamy wiadomość z kluczem.
Podstawową funkcją wtyczki jest kompresja zdjęć w ramach tego samego formatu. Nas interesuje zamiana formatu z JPG, PNG czy GIF na WebP. W tym celu udajemy się do zakładki ADVANCE i zaznaczamy następujące opcje:
Jak już wspominaliśmy, format WebP nie jest obsługiwany przez wszystkie wyszukiwarki. Zaznaczenie powyższych opcji sprawi jednak, że zdjęcia wyświetlą się prawidłowo i w takim przypadku. Wtyczka automatycznie tworzy w pliku .htaccess funkcję, której celem będzie wyświetlenie nowego formatu zdjęć kompatybilnym przeglądarką, a starego tym, które WebP nie obsługują.
Po zaznaczeniu opcji klikamy 
i przechodzimy do ostatniej zakładki, w której widzimy, ile zdjęć może ulec konwersji na nowszy format. Posiadany darmowy limit 100 zdjęć powinien wystarczyć na mała wizytówkową stronę, jeśli jednak posiadamy więcej grafik lub chcemy również przekonwertować miniatury, będzie nam potrzeba kilku wiernych znajomych lub nieco gotówki.
Po naciśnięciu 
przechodzimy do procesu. W podglądzie widzimy każdy obraz, który wtyczka obecnie konwertuje oraz w jakim stopniu jej rozmiar zostanie zredukowany.
Po zakończonym procesie nie pozostaje nam już nic innego, jak wrócić do narzędzia PageSpeed Insights i ponownie przeskanować stronę. W tym przypadku narzędzie pokazało wzrost szybkości o 7 oczek. Piękny początek udanego pozycjonowania. 🙂
