Co WebP daje stronie internetowej
WebP został wydany przez Google w 2010 roku jako zaprojektowany z myślą o sieci następca JPG, PNG i GIF. Jego tryb stratny opiera się na kodowaniu wewnątrzklatkowym kodeka wideo VP8: przewiduje każdy blok pikseli na podstawie sąsiadów i zapisuje tylko różnicę, co jest wydajniejsze niż stałe bloki 8×8 w JPG. Przy tej samej jakości wizualnej zdjęcie jest zwykle o jedną czwartą do jednej trzeciej mniejsze.
Na pojedynczym obrazie ta oszczędność wygląda skromnie. Na stronie się sumuje: lista produktów z 40 zdjęciami po 200 KB po konwersji traci mniej więcej 2–3 MB. Mniejsze obrazy szybciej docierają na ekran, co poprawia Largest Contentful Paint — wskaźnik ładowania, którego używają wyszukiwarki — i zmniejsza zużycie danych komórkowych odwiedzających.
Każda współczesna przeglądarka wyświetla WebP, a większość systemów zarządzania treścią przyjmuje go przy wgrywaniu, w tym WordPress od wersji 5.8 i główne platformy sklepowe. W przypadku strony zbudowanej w ostatnich latach rzadko jest powód, by dalej serwować zwykłe JPG.
Kiedy lepiej zostać przy JPG
WebP to format dostarczania, a nie archiwizacji. Oryginały trzymaj jako JPG (albo lepiej jako pliki prosto z aparatu), a do publikacji konwertuj kopie. Zostań przy JPG, gdy:
- Plik trafia do druku, do laboratorium fotograficznego albo do klienta, który otworzy go w starszym oprogramowaniu na komputerze.
- To załącznik e-mail dla osób, których programów pocztowych nie znasz.
- Zamierzasz później znowu edytować obraz. Każdy stratny zapis kosztuje trochę detali, a narzędzia do edycji obsługują JPG bardziej konsekwentnie.
Jeśli ktoś odeśle WebP i nie może go otworzyć, WebP na JPG odwróci proces.
Jak ten konwerter obchodzi się z Twoimi plikami
Obraz jest dekodowany przez przeglądarkę, rysowany na kanwie w oryginalnym rozmiarze i kodowany jako WebP wbudowanym koderem przeglądarki, w wątku roboczym w tle, jeśli jest dostępny. Pliki zostają na Twoim urządzeniu.
Akceptowane są zarówno JPG, jak i PNG. PNG na wejściu przydaje się przy zrzutach ekranu i grafikach z przezroczystością: kanał alfa jest zachowywany, więc wycięte zdjęcie produktu nadal czysto leży na dowolnym tle. JPG nie ma przezroczystości, więc JPG na wejściu daje nieprzezroczysty WebP.
Wymiary w pikselach się nie zmieniają. Sam format WebP jest ograniczony do 16383 px na bok, więc bardzo duże panoramy trzeba przed konwersją zmniejszyć. Metadane, takie jak dane aparatu z EXIF i lokalizacja GPS, nie są kopiowane do wyniku, co zwykle jest pożądane w przypadku obrazów publikowanych w sieci.
Ustawienia jakości, które się sprawdzają
Suwak obejmuje zakres od 10% do 100% i startuje od 85%. Skala jakości WebP nie jest taka sama jak w JPG, więc nie kopiuj po prostu wartości, której używałeś dla JPG. Kilka punktów odniesienia:
- 80–85% dla zdjęć na stronach z treścią. W tym zakresie WebP daje większość oszczędności bez widocznej zmiany przy normalnym rozmiarze oglądania.
- 70–75% dla miniatur, siatek z listami i obrazów tła, gdzie obraz jest mały lub częściowo przykryty tekstem.
- 90–95% dla dużych obrazów otwierających stronę na dużych ekranach i dla zrzutów ekranu z drobnym tekstem. Stratny WebP przechowuje kolor w połowie rozdzielczości, więc cienkie kolorowe linie i czerwony tekst na ciemnym tle mogą przy niższych ustawieniach wyglądać lekko miękko.
Unikaj 100% przy zdjęciach. Daje to plik często większy od wyjściowego JPG, bez żadnego widocznego zysku, bo szczegółowo zachowywane są artefakty kompresji samego JPG.
Jak wycisnąć z konwersji najwięcej
JPG, który był już mocno skompresowany, niewiele się zmniejszy. Konwersja JPG o wadze 60 KB zapisanego z jakością 60 może dać tylko kilka procent, a druga runda stratnej kompresji może uwydatnić blokowość. Największe zyski dają oryginały wysokiej jakości.
Kolejność kroków ma większe znaczenie niż dokładna wartość jakości:
- Zacznij od największej i najlepszej jakościowo wersji, jaką masz.
- Zmień rozmiar do wymiaru, w jakim strona faktycznie wyświetla obraz, na przykład 1600 px szerokości dla obrazu na całą szerokość lub 600 px dla karty.
- Skonwertuj do WebP przy 80–85% i porównaj rozmiary przed i po, pokazywane przy każdym pliku.
Obsługiwane są partie plików, z limitem 50 MB na plik. Każdy plik w partii używa tej samej jakości, więc jeśli mieszasz zdjęcia i zrzuty ekranu, konwertuj je w dwóch rundach z ustawieniami dopasowanymi do każdego rodzaju.