WebP i AVIF to dwa nowoczesne formaty obrazów zaprojektowane, aby zastąpić JPEG i PNG w sieci. Oferują spektakularne zyski na kompresji — nawet 50 % redukcji rozmiaru pliku w porównaniu z JPEG przy tej samej jakości wizualnej — co czyni je niezbędnymi do optymalizacji wydajności stron internetowych i SEO. Dla sklepów e-commerce, gdzie obrazy stanowią często 60–80 % całkowitego ciężaru stron, przyjęcie tych formatów jest jedną z najbardziej skutecznych dźwigni poprawy dostępnych na rynku.
Dlaczego format obrazu ma znaczenie dla SEO
Przeciętna strona internetowa waży dziś około 2 MB według analiz HTTP Archive. Z tego całkowitego ciężaru obrazy stanowią średnio 50–60 % — a na stronach e-commerce bogatych w zdjęcia produktów ten odsetek regularnie rośnie do 70–80 %. Waga obrazów bezpośrednio determinuje czas transferu przez sieć, a co za tym idzie — czas ładowania odczuwany przez użytkownika.
Google włączył szybkość ładowania do swojego algorytmu rankingowego za pośrednictwem Core Web Vitals, szczególnie LCP (Largest Contentful Paint), który mierzy czas wyświetlenia największego widocznego elementu — najczęściej zdjęcia produktu. Redukcja wagi tego obrazu z 400 KB do 150 KB może obniżyć LCP z 3 sekund do 1,2 sekundy, co stanowi różnicę między oceną „Zła” a oceną „Dobra” według progów Google.
Poza samym SEO, lżejsze obrazy poprawiają doświadczenie użytkowników mobilnych na ograniczonych połączeniach 4G, zmniejszają zużycie danych przez odwiedzających i obniżają koszty przepustowości serwera. W przypadku sklepów z tysiącami referencji produktów skumulowany zysk jest znaczący.
WebP: format opracowany przez Google
WebP został opracowany przez Google i ogłoszony w 2010 roku. Opiera się na technologii kompresji kodeka wideo VP8 dla obrazów stratnych (lossy) oraz na wariancie bezstratnym opartym na LZ77 i kodowaniu Huffmana dla obrazów bezstratnych. WebP obsługuje również przezroczystość (kanał alfa) i animacje — dwie funkcje, których JPEG nie obsługuje (przezroczystość) lub obsługuje jedynie częściowo (animacje przez GIF).
Zyski z kompresji WebP w stosunku do JPEG wynoszą średnio 25–35 % przy tej samej jakości wizualnej, według badań Google. W trybie bezstratnym WebP jest średnio o 26 % mniejszy od PNG. Wartości te różnią się w zależności od rodzaju obrazu: fotografie o złożonej treści i wielu detalach odnoszą korzyści bliskie przytaczanym średnim; ilustracje z jednolitymi kolorami i ostrymi detalami mogą uzyskać jeszcze wyższe zyski w trybie lossless.
Obsługa WebP przez przeglądarki jest dziś powszechna: Chrome, Firefox, Safari (od 2020), Edge, Opera i praktycznie wszystkie mobilne przeglądarki obsługują WebP. Według caniuse.com globalne pokrycie przeglądarek obsługujących WebP przekracza 97 % w 2026 roku. Nie ma już żadnego technicznego powodu, by serwować JPEG zamiast WebP dla zdecydowanej większości odwiedzających.
AVIF: format nowej generacji
AVIF (AV1 Image File Format) to format obrazów oparty na kodeку wideo AV1, opracowany przez Alliance for Open Media (do której należą Google, Apple, Mozilla, Netflix, Amazon i inni). Ustandaryzowany w 2019 roku i obsługiwany przez główne przeglądarki od 2021 roku, AVIF stanowi istotny krok naprzód w stosunku do WebP pod względem efektywności kompresji.
Zyski z kompresji AVIF w stosunku do JPEG wynoszą średnio 40–55 % — znacznie więcej niż 25–35 % w przypadku WebP. W porównaniu z samym WebP, AVIF jest zazwyczaj o 20–30 % lżejszy. Zyski te są szczególnie wyraźne w przypadku fotografii o dużej liczbie szczegółów oraz obrazów HDR (High Dynamic Range). AVIF obsługuje przezroczystość, animacje, profile kolorów HDR oraz głębię kolorów do 12 bitów.
Obsługa AVIF przez przeglądarki szybko rośnie: Chrome i Firefox obsługują go od 2021 roku, Safari od wersji 16.4 (2023). W 2026 roku globalne pokrycie przekracza 93 %. Jego główną wadą jest większa złożoność dekodowania, która może nieznacznie spowolnić renderowanie na bardzo starych urządzeniach — kompromis zazwyczaj akceptowalny biorąc pod uwagę oszczędności rozmiaru pliku.
JPEG vs WebP vs AVIF: porównanie formatów
Aby konkretnie zilustrować różnice między tymi formatami, weźmy przykład typowego zdjęcia produktu e-commerce: packshot buta sportowego na białym tle, 800×800 pikseli, przy tej samej postrzeganej jakości wizualnej.
- JPEG (jakość 85): ~180 KB — format uniwersalny, bez przezroczystości, bez animacji, wyłącznie kompresja stratna
- WebP (jakość 80): ~120 KB — oszczędność 33 %, przezroczystość obsługiwana, animacja obsługiwana, kompatybilność 97 %+
- AVIF (jakość 60): ~75 KB — oszczędność 58 % vs JPEG, 37 % vs WebP, HDR obsługiwany, kompatybilność 93 %+
Te różnice rozmiarów mnożą się w skali całego sklepu. W przypadku strony produktu ładującej 6 zdjęć, przejście z JPEG na AVIF oznacza oszczędność 630 KB na stronę — prawie o połowę mniej danych do przesłania. W ciągu miesiąca z 50 000 odsłon stron produktów to 31 GB zaoszczędzonej przepustowości, tylko na obrazach.
Kompresja stratna (lossy) i bezstratna (lossless)
Oba formaty obsługują dwa zasadniczo różne tryby kompresji. Kompresja stratna (lossy) zmniejsza rozmiar pliku, eliminując informacje, których ludzkie oko słabo lub wcale nie postrzega. Algorytm analizuje obraz i aproksymuje mniej postrzegalne obszary — zwykle jednolite tła lub obszary o niskim kontraście. To tryb stosowany do fotografii produktów: poziom jakości 75–85 % dla WebP lub 55–65 % dla AVIF daje wyniki wizualnie nieodróżnialne od pliku oryginału.
Kompresja bezstratna (lossless) zachowuje każdy piksel oryginalnego pliku, ale używa wydajniejszych algorytmów kompresji niż PNG lub TIFF, aby zmniejszyć rozmiar pliku. WebP lossless jest średnio o 26 % mniejszy od PNG przy identycznej jakości; AVIF lossless jest jeszcze bardziej wydajny. Ten tryb nadaje się do zrzutów ekranu, logotypów, ilustracji wektorowych przekonwertowanych na bitmapę oraz obrazów wymagających absolutnej precyzji.
Jaki poziom jakości wybrać?
Wpływ na SEO e-commerce
Przyjęcie WebP i AVIF poprawia SEO poprzez kilka mechanizmów. Bezpośrednio, lżejsze obrazy obniżają LCP — metrykę Core Web Vital najbardziej dotkniętą przez zdjęcia produktów. Lepszy LCP poprawia sygnał Page Experience od Google, co może sprzyjać rankingowi w organicznych wynikach, szczególnie na urządzeniach mobilnych.
Pośrednio, szybsze strony poprawiają współczynnik odrzuceń i czas spędzony na stronie — sygnały behawioralne, które Google może wykorzystywać do oceny jakości strony. Na urządzeniach mobilnych, gdzie odbywa się ponad 60 % wyszukiwań e-commerce, szybkość jest jeszcze bardziej krytyczna: strona ładująca się przez 4 sekundy traci średnio 53 % swoich mobilnych odwiedzających, zanim strona w ogóle się załaduje (źródło: Google/Deloitte).
Dla Grafiki Google — niemałego kanału pozyskiwania klientów dla sklepów e-commerce — techniczna jakość obrazów (rozdzielczość, format, wymiary) wpływa na indeksowanie i wyświetlanie w wynikach wyszukiwania grafiki. Obrazy prawidłowo zoptymalizowane i serwowane przez CDN ze stabilnymi adresami URL poprawiają również ten kanał.
Jak Lexiik automatycznie obsługuje konwersję formatu
Ręczna konwersja tysięcy zdjęć produktów do WebP lub AVIF to żmudne zadanie, na które większość sprzedawców nie ma ani czasu, ani narzędzi. Lexiik w pełni automatyzuje ten proces za pomocą swojego potoku CDN.
Gdy zdjęcie produktu jest po raz pierwszy ładowane przez odwiedzającego, Lexiik pobiera oryginalny plik z serwera PrestaShop (JPEG, PNG lub dowolny inny format), konwertuje go do WebP i AVIF, a następnie zapisuje te zoptymalizowane wersje na Cloudflare R2. Od tego momentu Lexiik serwuje odpowiedni format w zależności od przeglądarki odwiedzającego: nagłówek HTTP Accept wysyłany przez przeglądarkę wskazuje obsługiwane formaty (np. Chrome wysyła Accept: image/avif,image/webp,*/*), a Lexiik odpowiada najlepszym dostępnym formatem.
- Odwiedzający żąda strony produktu; jego przeglądarka wysyła nagłówek Accept wskazujący obsługiwane formaty
- Lexiik sprawdza, czy zoptymalizowana wersja obrazu jest już na CDN
- Jeśli nie, Lexiik pobiera oryginalny obraz z PrestaShop i konwertuje go do WebP i AVIF
- Lexiik serwuje najbardziej efektywny format obsługiwany przez przeglądarkę: AVIF priorytetowo, WebP jeśli AVIF nie jest obsługiwany, JPEG jako fallback
- Przekonwertowany obraz jest buforowany na Cloudflare R2 z TTL wynoszącym rok — dla wszystkich kolejnych wizyt
Ten proces jest całkowicie przezroczysty dla sprzedawcy i odwiedzającego. Nie są wymagane żadne zmiany w szablonach ani instalacja dodatkowych wtyczek do kompresji. Moduł PrestaShop Lexiik zarządza całym potokiem konwersji i dostarczania.