Co to jest WebP? Wyjaśnienie nowoczesnego formatu i jego znaczenia

WebP to format obrazu Google z kodowaniem stratnym i bezstratnym, przezroczystością i animacją. Opublikowany zbiór Google dawał mniejsze pliki niż JPEG lub PNG według określonych metod, ale to wynik testu, nie obietnica dla każdej konwersji. Obecne główne przeglądarki obsługują WebP; inne programy i starsze klienty trzeba sprawdzić.

Jak powstał WebP

Google ogłosiło WebP 30 września 2010 roku, pozycjonując go jako nowoczesny zamiennik JPEG w internecie. Format narodził się z kodeka wideo: Google przejęło firmę On2 Technologies, która opracowała format wideo VP8. Inżynierowie Google zauważyli, że techniki kompresji VP8 — zaprojektowane do zmniejszania klatek wideo — mogą również tworzyć zadziwiająco małe obrazy nieruchome.

Początki były powolne. Google wprowadziło obsługę WebP w Chrome niemal natychmiast, ale inni producenci przeglądarek byli sceptyczni. Mozilla publicznie kwestionowała, czy zyski jakościowe uzasadniają przyjęcie kolejnego formatu. Apple zupełnie zignorowało temat.

Punkt zwrotny przychodził stopniowo:

• 2012 — Chrome rozszerzył WebP o tryb bezstratny i kanał alfa
• 2014 — WebP dalej rozpowszechniał się w przeglądarkach Chromium i Android
• 2019 — Firefox 65 dodał WebP
• 2020 — Safari obsłużył WebP w generacji iOS 14 i macOS Big Sur
• Dziś — obecne główne przeglądarki obsługują WebP; starsze i inne systemy wymagają sprawdzenia

Obsługa Safari zamknęła dużą lukę, lecz „obsługa przeglądarki” nie obejmuje całego łańcucha. Osadzone webview, poczta, roboty, edytory, aplikacje natywne i długo używane urządzenia mogą działać według innego harmonogramu.

Jak działa kompresja WebP

WebP oferuje dwa tryby kompresji, każdy dostosowany do innego typu obrazów:

Tryb stratny (do zdjęć)

Stratny WebP używa kodowania predykcyjnego opartego na VP8 — koder analizuje każdy blok pikseli, przewiduje, jak powinien wyglądać na podstawie otaczających bloków, a następnie przechowuje tylko różnice. Ta technika jest szczególnie skuteczna dla fotografii z płynnymi gradientami i organicznymi teksturami.

Badanie Google podało, że w jego zbiorze stratny WebP był o 25–34% mniejszy od porównywalnego JPEG przy tym samym SSIM. To kontekst, nie prognoza pliku: historia źródła, wersje kodera, ustawienia, metadane i miara zmieniają wynik.

Tryb bezstratny (do grafik)

Bezstratny WebP używa przewidywania przestrzennego, transformacji koloru, palet i kodowania entropijnego. Dekodowanie odtwarza zakodowane piksele; metadane, profile i przezroczyste RGB pozostają oddzielnymi kwestiami procesu.

W opublikowanym zbiorze Google bezstratny WebP był średnio o około 26% mniejszy od PNG. Plik może zmniejszyć się słabiej lub urosnąć. Tryb bezstratny odtwarza piksele, ale metadane i przezroczyste RGB mogą zależeć od ustawień kodera.

WebP vs JPEG vs PNG: zestawienie

WebP łączy możliwości JPEG, PNG i formatów animowanych, ale nie gwarantuje mniejszego rozmiaru lub większej zgodności w każdym procesie. Google dokumentuje maksymalne płótno WebP 16383 × 16383 piksele dla ogólnego strumienia, co ogranicza bardzo duże obrazy.

Dlaczego nowoczesne strony używają WebP

Transfer i dekodowanie mogą wpływać na doświadczenie oraz Core Web Vitals, gdy obrazy są wąskim gardłem. Mniejszy WebP może obniżyć transfer, ale sama konwersja nie gwarantuje mniejszego pliku, szybszego LCP ani zmiany pozycji. Mierz stronę i zachowaj odpowiedni wariant.

HTTP Archive pokazuje obecne użycie formatów w swoim zbiorze. Wiele systemów, bibliotek i CDN przyjmuje lub tworzy WebP, ale możliwości i plany się zmieniają. Sprawdź, czy proces zachowuje animację, alfa, profile, metadane i warianty pamięci podręcznej.

Dla właścicieli stron i programistów konwersja jest prosta. W Vizua w przeglądarce można zamienić JPG na WebP lub PNG na WebP bez instalacji programu i wysyłania treści wybranych obrazów do Vizua.

Kiedy nie używać WebP

WebP jest doskonały do dostarczania treści w internecie, ale nie jest właściwym wyborem dla każdego scenariusza:

• Archiwizacja — używaj formatu, polityki metadanych, kontroli integralności i redundancji archiwum, zamiast zakładać, że format webowy jest archiwalny.
• Druk — przed dostawą zapytaj drukarnię o formaty, profile, rozdzielczość i wymagania próbne.
• Załączniki — JPEG lub PNG mogą lepiej współpracować ze starszymi klientami i programami; testuj rzeczywisty cel.
• Obrazy ponad 16383 piksele w dowolnym wymiarze — ogólny limit WebP to 16383 x 16383. Użyj formatu dużego płótna, kafli lub piramidy.

WebP jest mocnym kandydatem do webu, nie automatycznym zamiennikiem źródła. Zachowaj odpowiedni oryginał i twórz warianty dla webu, druku, poczty lub archiwum według wymagań celu.

Potrzebujesz przeprowadzić konwersję w drugą stronę? Vizua obsługuje również konwersję WebP na JPG i kompresję WebP dla plików, które już są w tym formacie.

WebP a przyszłość: AVIF wchodzi na scenę

AVIF to nowszy format oparty na AV1, który może pokonać WebP w niektórych testach i zastosowaniach. Różnica zależy od treści, koderów, ustawień i pomiaru jakości. Obecne przeglądarki wspierają go szerzej, starsze klienty i inne programy nadal się różnią.

AVIF nie czyni WebP przestarzałym. Koszt kodowania, dekodowanie, funkcje, narzędzia i zgodność są inne. Stos <picture> może podać AVIF, WebP i JPEG, lecz poprawna kolejność nie gwarantuje minimum, jeśli każdy wariant nie został dobrze utworzony i przetestowany.

WebP często jest praktycznym pierwszym kandydatem dzięki szerokiej obecnej obsłudze. Testuj AVIF, gdy wspierają go proces budowania, kontrola jakości, warianty zapasowe i odbiorcy.

Najczęściej zadawane pytania