Konwersja zdjęć do WebP i AVIF online: jak przyspieszyć stronę i poprawić SEO

W studiu gdefoto codziennie przygotowujemy obrazy dla stron i sklepów i widzimy, jak bardzo prawidłowy format zmienia szybkość ładowania. W tym artykule bez wody wyjaśniamy, czym są WebP i AVIF, kiedy który format brać, jak wpływają na SEO i jak skonwertować zdjęcia online w minutę.

Na typowej stronie obrazy zajmują od 50 do 70% całej wagi. Nie skrypty, nie czcionki, a właśnie obrazy ciągną transfer i czas ładowania w dół. Kiedy optymalizujemy cudze projekty, pierwsze, na co patrzymy, to w jakim formacie leżą zdjęcia. I niemal zawsze jest tam stary dobry JPEG albo, co gorsza, ciężki PNG na 2-3 megabajty. Nowoczesne formaty WebP i AVIF rozwiązują ten problem u podstaw: pokazują ten sam obrazek, ale ważą półtora-dwa razy mniej. Mniejsza waga znaczy szybsze ładowanie, lepsze metryki behawioralne i wyższe pozycje w Google i innych wyszukiwarkach. Niżej rozbierzemy po kolei: o ile dokładnie lżejsze są nowe formaty, jak wpływają na Core Web Vitals i SEO, które przeglądarki je wspierają, kiedy co używać i jak to wszystko skonwertować bez Photoshopa i wiersza poleceń. Jeśli chcesz po prostu uzyskać efekt, można od razu skonwertować zdjęcia do WebP i AVIF online i wrócić do czytania potem.

WebP to format od Google, który pojawił się w 2010 roku. Używa algorytmu kompresji z kodeka wideo VP8 i potrafi pracować zarówno stratnie (zamiast JPEG), jak i bezstratnie (zamiast PNG). Jego główna właściwość: przy wizualnie jednakowej jakości plik WebP waży średnio o 25-35% mniej niż JPEG i o 25-30% mniej niż PNG. Bonusowo WebP wspiera przezroczystość (kanał alfa) i animację, czyli potrafi zastąpić jeszcze i GIF, przy tym z wielokrotnym zyskiem na wadze.

AVIF to młodszy format oparty na kodeku wideo AV1, otwarty i darmowy. Kompresuje agresywniej niż WebP: na tych samych fotografiach AVIF daje pliki o 40-50% lżejsze od JPEG, a czasem i więcej. AVIF lepiej trzyma gradienty (niebo, rozmyte tło, skóra), niemal nie daje charakterystycznych kwadratowych artefaktów i wspiera rozszerzony zakres dynamiczny (HDR, 10-12 bitów koloru). Zapłata za to: kodowanie AVIF jest wolniejsze, a stare urządzenia i przeglądarki go nie rozumieją.

Żeby było bardziej poglądowo, przytoczymy typowe liczby z naszej praktyki. Fotografia towaru 1200x1200 pikseli:

• JPEG jakość 85 waży około 280-350 KB;
• WebP tej samej wizualnej jakości waży 180-230 KB, oszczędność około 30%;
• AVIF waży 130-170 KB, oszczędność 45-55%.

Na stronie katalogu z 30-40 takimi obrazkami różnica zamienia się z kilobajtów w megabajty, a użytkownik na mobilnym internecie czuje to od razu. Ważny niuans: oszczędność zależy od zawartości. Na złożonych zdetalizowanych zdjęciach (tekstura tkaniny, listowie) zysk jest mniejszy, na prostych obrazkach z płaskimi wypełnieniami i gradientami przeciwnie może sięgać 70%. Dlatego zawsze radzimy nie wierzyć uśrednionym obietnicom, a po prostu przepuścić swoje realne pliki przez konwerter i porównać wagę. Zrobić to można online w minutę przez nasze narzędzie konwersji do WebP i AVIF: wgrywasz JPEG, dostajesz oba formaty i sam widzisz, ile waży każdy. Jeśli potrzebny jest bardziej ogólny konwerter między formatami, jest osobny konwerter obrazów, a do twardego ograniczenia wagi nada się kompresja zdjęć.

Szybkość strony to nie abstrakcyjna wygoda, a bezpośredni czynnik rankingowy. Wyszukiwarki uwzględniają, jak szybko i stabilnie ładuje się strona. Google sformalizował to w zestawie metryk Core Web Vitals, a obrazy wpływają niemal na każdą z nich.

LCP (Largest Contentful Paint) to czas wyrenderowania największego elementu w widocznym obszarze. Na większości stron tym elementem jest właśnie obrazek: główny baner, zdjęcie towaru, okładka artykułu. Im lżejszy ten plik, tym wcześniej się wyrenderuje. Zamiana JPEG na AVIF dla obrazka LCP niejednokrotnie ścina 0,5-1,5 sekundy na mobilnym. Google uznaje za dobry LCP do 2,5 sekundy, i często właśnie przełożenie głównego zdjęcia na nowoczesny format wyciąga stronę z czerwonej strefy do zielonej.

CLS (Cumulative Layout Shift) to przesunięcie układu podczas ładowania. Sam format obrazka na CLS nie wpływa, ale powiązany nawyk jest ważny: zawsze zadawaj atrybuty width i height przy tagu img, żeby przeglądarka wcześniej zarezerwowała miejsce. Lekkie AVIF ładują się szybciej, treść ustawia się wcześniej, skoków mniej.

INP i ogólna responsywność wygrywają pośrednio: mniej bajtów do pobrania znaczy mniejsze obciążenie sieci i procesora, zwłaszcza na budżetowych smartfonach.

Co to daje dla SEO w praktyce:

• strona trafia do zielonej strefy Core Web Vitals, i to plus do rankingu w wynikach mobilnych;
• niższy współczynnik odrzuceń, bo ludzie nie odchodzą z wolnej strony przed jej załadowaniem;
• lepsza indeksacja, robotowi łatwiej obejść lekką stronę w ramach budżetu crawlowania;
• wyższa konwersja, według badań każde dodatkowe 100 ms ładowania zauważalnie ścina sprzedaż.

Osobno odnotujemy częsty błąd: ludzie stawiają WebP, ale zapominają o leniwym ładowaniu (loading="lazy") dla obrazków poniżej pierwszego ekranu i o fetchpriority="high" dla głównego obrazka LCP. Format i te atrybuty działają w parze. I jeszcze: nie kompresuj do tego stopnia, że artefakty widać okiem, przeoptymalizowanie bije w zaufanie do towaru nie mniej niż wolne ładowanie. Kiedy trzeba zmieścić się w konkretnym limicie, na przykład 200 KB pod wymagania platformy, wygodniej iść przez kompresję zdjęć do 200 KB, a pełny zestaw gotowych narzędzi leży w naszym zestawie narzędzi.

Główne pytanie webmasterów: czy strona się nie zepsuje u części odwiedzających. Odpowiadamy na faktach na rok 2026.

WebP wspierają absolutnie wszystkie aktualne przeglądarki: Chrome, Firefox, Safari (od wersji 14, czyli od 2020 roku), Edge, Opera, a także mobilne przeglądarki na Androidzie i iOS. Pokrycie globalnie przekracza 97% odbiorców. Praktycznie znaczy to, że WebP można oddawać wszystkim bez oglądania się, ryzyko trafienia na użytkownika bez wsparcia jest minimalne.

AVIF jest młodszy, ale też już masowo wspierany: Chrome i Edge od 2020 roku, Firefox od 2021, Safari od wersji 16 (2022). Globalne pokrycie około 93-95% i dalej rośnie. Nie wspierają AVIF tylko całkiem stare wersje przeglądarek i niektóre środowiska korporacyjne utknięte na przestarzałych systemach.

Prawidłowe podejście, które zdejmuje pytanie o kompatybilność całkowicie, to tag picture z kilkoma źródłami. Przeglądarka sama wybiera pierwszy format, który rozumie, i cofa się do JPEG, jeśli nic nowego nie wspiera. Wygląda to tak w sensie:

• najpierw przeglądarce proponuje się source z AVIF;
• jeśli nie zrozumiała, proponuje się source z WebP;
• jeśli i jego nie zrozumiała, ładuje się zwykły img z JPEG jako wariant zapasowy.

Przy takim schemacie nowoczesne przeglądarki dostają najlżejszy format, a stare widzą znajomy JPEG i nic się nie psuje. To złoty standard, i rekomendujemy właśnie jego dla stron komercyjnych, gdzie ważny jest każdy procent odbiorców.

Osobno o platformach i serwisach, dokąd wgrywasz zdjęcia, a nie rozdajesz z własnego serwera. Tu wszystko jest surowsze:

• Allegro, Amazon do kart towaru przyjmują JPEG i PNG, WebP i AVIF wgrywać im nie można. Te formaty są dla twojej własnej strony, a nie dla marketplace'u;
• portale urzędowe i oficjalne formularze też czekają na JPEG albo PNG w zadanej rozdzielczości i wadze;
• media społecznościowe i komunikatory same przekompresowują wgrane, dlatego oddawanie im AVIF jest bezsensowne.

Wniosek jest prosty: WebP i AVIF to narzędzie dla twojej strony, landinga, bloga. Dla marketplace'ów i portali urzędowych zostawiaj JPEG potrzebnego rozmiaru. Jeśli przygotowujesz karty na platformy, zobacz nasz rozbiór, jak fotografować towar na marketplace, i narzędzie do przygotowania zdjęć pod marketplace'y.

Sposobów jest kilka, rozbierzemy od najszybszego do najbardziej złożonego, i od razu wskażemy na pułapki.

Sposób 1, konwerter online (rekomendujemy dla większości). Najszybsza droga, niewymagająca instalacji softu i znajomości konsoli. Kolejność działań:

• otwórz nasze narzędzie konwersji do WebP i AVIF;
• przeciągnij tam zdjęcie albo folder ze zdjęciami;
• wybierz format (można od razu oba) i poziom jakości;
• pobierz efekt i porównaj wagę z oryginałem.

Zajmuje to mniej niż minutę i nadaje się, gdy trzeba przygotować kilkanaście obrazków do artykułu albo landinga. Pliki przetwarzane są prosto w przeglądarce, oryginały nigdzie nie idą.

Sposób 2, narzędzia budowy strony. Jeśli masz CMS albo generator statyczny, najczęściej jest wtyczka albo moduł, który sam oddaje WebP i AVIF i podstawia tag picture. To prawidłowa droga dla dużej strony z tysiącami obrazów, bo konwersja idzie automatycznie przy wgrywaniu.

Sposób 3, wiersz poleceń. Dla programistów są narzędzia cwebp i avifenc, które gonią wsadową konwersję skryptem. Potężne, ale wymaga umiejętności i czasu na konfigurację.

Teraz częste błędy, które nieustannie spotykamy:

• Konwersja z już skompresowanego JPEG. Jeśli oryginał jest przekompresowany, WebP jedynie zafiksuje artefakty, a nie usunie ich. Bierz maksymalnie jakościowy oryginał;
• Zbyt niska jakość dla wagi. Jakość 60 i niżej daje brud i mydło, zwłaszcza na tekście i logo. Optymalny korytarz dla zdjęć to 75-85;
• Zamiana PNG z przezroczystością na JPEG. JPEG nie umie przezroczystości, tło stanie się białe. Dla przezroczystych obrazków bierz WebP albo AVIF bezstratny;
• Brak fallbacku. Położyłeś tylko AVIF bez tagu picture, i u części użytkowników dziury zamiast obrazków;
• Zapomniałeś o metadanych. EXIF ciągnie zbędną wagę i czasem ujawnia geolokację. Przed publikacją dane warto czyścić, do tego jest czyszczenie EXIF.

Jeśli zadanie jest szersze niż tylko format, w naszym zestawie są pokrewne narzędzia: przycinanie zdjęć pod potrzebne proporcje, znak wodny do ochrony autorstwa i powiększanie rozdzielczości, jeśli oryginał jest za drobny. A do zrozumienia, jakie tło wybrać do karty towaru, mamy osobny rozbiór.

Konwerter online zamyka 90% zadań: przełożyć kilkanaście zdjęć na WebP, skompresować baner, przygotować obrazki do artykułu. Ale bywają przypadki, gdy korzystniej oddać pracę nam. Pierwsze to duże katalogi: gdy masz setki albo tysiące zdjęć produktowych i trzeba nie tylko skonwertować, ale jeszcze obrysować tło, wyrównać po siatce, dodać cienie i infografikę. Tu ręczna praca potokowa bez utraty jakości jest ważniejsza od szybkości jednego kliknięcia, i robimy obrysowanie zdjęć oraz infografikę dla marketplace'ów w jednym stylu pod całą linię. Drugie to złożone oryginały: prześwietlone, mętne, zrobione telefonem w słabym świetle kadry, które przed konwersją trzeba wyciągnąć po kolorze i ostrości, inaczej lekki format jedynie utrwali brak. Trzecie to gdy potrzebny jest stabilny efekt na potoku i nie ma czasu rozgryzać tagów picture, fallbacku i ustawień jakości. Bierzemy to na siebie i oddajemy gotowy komplet pod twoją stronę. A jeśli chcesz nauczyć się robić wszystko sam i systemowo, zobacz nasz kurs retuszu, tam rozbieramy przygotowanie zdjęć pod web od początku do końca.

Podsumujmy. WebP jest lżejszy od JPEG o mniej więcej 25-35%, AVIF o 40-50%, i oba formaty są już wspierane przez niemal wszystkie przeglądarki. Przełożenie obrazów na nowoczesne formaty bezpośrednio poprawia LCP i inne Core Web Vitals, a więc pomaga pozycjom w wyszukiwaniu, obniża odrzucenia i podnosi konwersję. Dla własnej strony używaj picture z łańcuchem AVIF, WebP, JPEG, żeby uzyskać i lekkość, i kompatybilność. Dla marketplace'ów i portali urzędowych zostawiaj JPEG potrzebnej wagi. Nie goń za minimalnym rozmiarem kosztem jakości, trzymaj jakość w korytarzu 75-85 i czyść EXIF. A najważniejsze, nie odkładaj: sprawdzić zysk można teraz. Wgraj swoje zdjęcia do naszego konwertera do WebP i AVIF i w minutę zobaczysz, o ile lżejsze staną się twoje strony. Jeśli wolumeny są duże albo oryginały złożone, napisz do nas, pomożemy przygotować cały katalog pod klucz.

Po prostu skonwertować obrazki to mało, ważne podłączyć je tak, żeby strona otwierała się u wszystkich. Nowoczesne podejście to tag picture z kilkoma źródłami: przeglądarka sama wybiera najlżejszy format, który rozumie, a jeśli nie rozumie nowego, bierze zapasowy JPEG. Schemat jest prosty: najpierw wskazuje się source z AVIF, potem source z WebP, a na końcu zwykły img z JPEG jako pewny wariant zapasowy.

Tak odwiedzający na świeżej przeglądarce dostanie lekki AVIF, na przeglądarce starszej WebP, a na całkiem starej albo w rzadkich klientach zobaczy JPEG i nic się nie zepsuje. Nie usuwaj źródłowych JPEG, są potrzebne jako fallback. Wiele silników i wtyczek potrafi oddawać WebP automatycznie, podmieniając format w locie w zależności od przeglądarki, to wygodne dla dużych stron. Główna reguła: nowy format ma przyspieszać, a nie psuć wyświetlanie obrazków u części odbiorców, dlatego wariant zapasowy jest obowiązkowy.

WebP i AVIF rozwiązują jedno zadanie, ale różnie. WebP jest zauważalnie lżejszy od JPEG, wspierany praktycznie przez wszystkie aktualne przeglądarki i szybko się koduje, to pewny roboczy wybór na dziś. AVIF kompresuje jeszcze mocniej, zwłaszcza na fotografiach z płynnymi gradientami, i daje lepszą jakość przy mniejszej wadze, ale koduje się wolniej i jest wspierany nieco gorzej w najstarszych wersjach przeglądarek.

Praktyczny wybór jest taki: jeśli potrzebna jest maksymalna kompatybilność i prostota, bierz WebP z jakością około 80 procent, to już minus trzydzieści-czterdzieści procent wagi względem JPEG niemal bez widocznej różnicy. Jeśli gonisz za skrajną szybkością i jesteś gotów na nieco bardziej złożoną konfigurację, dodaj AVIF pierwszym źródłem z jakością około 50 na 60 procent, jego skala jakości jest przesunięta, i takie wartości dają świetny obrazek. Optymalnie oddawać oba formaty przez picture, wtedy każda przeglądarka dostaje najlepsze, co umie. Nie wykręcaj jakości do zera dla wagi, oszczędność przestanie być warta utraty ostrości.

Nowe formaty są dobre na twojej własnej stronie, ale są miejsca, gdzie przyniosą problemy. Marketplace'y Allegro i Amazon przyjmują zdjęcia towaru w JPEG i PNG, a WebP i AVIF często nie wspierają na wgrywaniu, dlatego karty przygotowuj w JPEG. Portale urzędowe, dokumenty i większość oficjalnych formularzy też czekają na JPEG albo PNG. Przesyłanie zdjęć znajomym w komunikatorach i pocztą jest bezpieczniejsze w JPEG, bo nie u wszystkich otworzy się WebP.

Jeszcze jeden niuans to dalsza obróbka i druk: nie wszystkie edytory i drukarnie przyjaźnią się z AVIF, do tych zadań trzymaj oryginały w znajomych formatach. Prosta reguła: WebP i AVIF do oddawania obrazków odwiedzającym twoją stronę, gdzie kontrolujesz podłączenie i fallback, a wszystko, co idzie do zewnętrznych systemów i do ludzi, oddawaj w JPEG albo PNG. Wtedy uzyskasz i szybkość tam, gdzie jest ważna, i kompatybilność tam, gdzie jest krytyczna.

• Brak zapasowego JPEG. Obrazki oddaje się tylko w nowym formacie, i u części odwiedzających się nie ładują. Zawsze zostawiaj fallback przez picture.
• Wgrywanie WebP na marketplace. Platforma nie przyjmuje formatu, karta się sypie. Dla marketplace'ów tylko JPEG i PNG.
• Ekstremalna kompresja. Jakość wykręcona w podłogę dla wagi, pojawiają się artefakty. Trzymaj rozsądny balans około 80 procent dla WebP.
• Konwersja z mydłowego oryginału. Nowy format nie poprawi już zepsutego zdjęcia, jedynie zachowa je lżej. Konwertuj z jakościowego oryginału.
• Podwójna kompresja. Przekompresowany JPEG przegania się w WebP, nakładając artefakty na artefakty. Idź od oryginału maksymalnej jakości.

O ile WebP jest lżejszy od JPEG?

Przy zbliżonej jakości WebP jest zwykle o 25 na 35 procent lżejszy od JPEG, a AVIF jeszcze lżejszy. Na dużej stronie to zauważalnie przyspiesza ładowanie i poprawia wskaźniki szybkości.

Czy wszystkie przeglądarki otwierają WebP?

Praktycznie wszystkie aktualne wersje Chrome, Firefox, Safari i Edge wspierają WebP. AVIF jest wspierany nieco gorzej w najstarszych wersjach, dlatego zapasowy JPEG i tak jest potrzebny.

Czy WebP poprawia pozycje w wyszukiwaniu?

Bezpośrednio format nie rankuje, ale przyspiesza stronę, a szybkość to czynnik rankingowy i wygody. Szybkie strony lepiej się indeksują i zatrzymują odwiedzającego.

Czy można wgrywać WebP na marketplace?

Nie, marketplace'y czekają na JPEG i PNG. WebP i AVIF używaj na swojej stronie, a karty towaru przygotowuj w wspieranych formatach.

Dla sklepu internetowego szybkość ładowania to bezpośrednie pieniądze: każda dodatkowa sekunda oczekiwania obniża konwersję i podnosi odrzucenia, a mobilny odwiedzający na słabym internecie po prostu odchodzi. Obrazy zwykle stanowią lwią część wagi strony, dlatego przełożenie katalogu na WebP albo AVIF daje najbardziej zauważalny przyrost szybkości. Lżejsze obrazy szybciej się ładują, oszczędzają transfer kupującemu i obniżają obciążenie twojego serwera, co ważne w szczytowe dni wyprzedaży.

Wdraża się to na własnej stronie sklepu przez automatyczne oddawanie WebP z zapasowym JPEG, żeby obrazki otwierały się u wszystkich. Ważne nie mylić: chodzi właśnie o twoją stronę, a nie o karty na marketplace, dokąd zdjęcia po dawnemu wgrywa się w JPEG. Czyli ten sam towar oddajesz odwiedzającym swojego sklepu w lekkim WebP dla szybkości, a na marketplace'y w JPEG dla kompatybilności. Taki podwójny standard jest normalny i daje najlepsze z obu światów: szybką własną stronę i przyjęte przez platformy karty.

Skonfigurować WebP to mało, warto upewnić się, że przeglądarka rzeczywiście dostaje lekką wersję, a nie stary JPEG. Sprawdzić to prosto przez narzędzia deweloperskie w przeglądarce. Otwórz stronę, naciśnij F12, przejdź na kartę Network, odśwież stronę i popatrz na załadowane obrazki: w kolumnie typu albo w nazwie pliku powinno widnieć webp albo avif, a nie jpeg. Jeśli tam po dawnemu JPEG, znaczy podmiana formatu nie działa i konfigurację trzeba poprawić.

Drugi punkt odniesienia to rozmiar plików w tej samej karcie: wersja WebP powinna ważyć zauważalnie mniej od źródłowego JPEG. Przydatne też przepuścić stronę przez serwisy sprawdzania szybkości, wprost wskażą, jeśli obrazki można oddawać w nowocześniejszym formacie, i pokażą potencjalną oszczędność. Sprawdzaj na różnych przeglądarkach, bo oddawanie zależy od wsparcia, i koniecznie upewnij się, że na przeglądarce bez wsparcia nowego formatu poprawnie podgrywa się zapasowy JPEG. Taka kontrola zajmuje parę minut i gwarantuje, że cała praca nad konwersją rzeczywiście przyspiesza stronę, a nie leży martwym ciężarem.

Nowe formaty umieją więcej niż tylko lekko kompresować fotografie, i to rozszerza ich zastosowanie. Zarówno WebP, jak i AVIF wspierają przezroczystość tak samo jak PNG, dlatego logo albo obrazek z przezroczystym tłem można oddawać w WebP i uzyskiwać jednocześnie i przezroczystość, i małą wagę, czego od JPEG nie da się osiągnąć. Dla stron znaczy to, że nawet grafikę z przezroczystymi obszarami, którą wcześniej trzymano w ciężkim PNG, teraz można odchudzić, zachowując staranne krawędzie i podkład pod dowolne tło.

WebP umie i animację, występując jako lżejsza zamiana przestarzałego formatu GIF: animowany WebP waży wielokrotnie mniej przy lepszej jakości i płynności. To przydatne do niewielkich animowanych banerów i ikon na stronie. Przy tym ważne pamiętać o wariancie zapasowym: tam, gdzie część odbiorców może siedzieć na starej przeglądarce, dla animacji i przezroczystości i tak zostawia się fallback, czy to PNG dla statyki, czy inny wspierany format. Ogólnie para małej wagi, przezroczystości i animacji w jednym formacie robi z WebP uniwersalne narzędzie dla grafiki webowej, a AVIF dodaje do tego jeszcze silniejszą kompresję fotografii.

Masowe przejście na WebP i AVIF warto przeprowadzać starannie, żeby nie zepsuć wyświetlania obrazków części odwiedzających. Zacznij od małego: weź jeden szablon strony albo jedną sekcję, skonfiguruj oddawanie WebP z zapasowym JPEG i upewnij się przez narzędzia przeglądarki, że lekka wersja rzeczywiście się ładuje, a na starej przeglądarce poprawnie podstawia się JPEG. Dopiero upewniwszy się, że wszystko działa, rozprowadzaj podejście na całą stronę. Zachowuj źródłowe JPEG, są potrzebne jako fallback i jako baza, jeśli trzeba będzie przegenerować obrazki pod inny format albo rozmiar.

Na dużej stronie ręczna konwersja każdego obrazka jest nierealna, dlatego zwykle podłącza się moduł albo wtyczkę, która tworzy wersje WebP automatycznie i oddaje je przeglądarkom ze wsparciem, zostawiając JPEG dla reszty. To zdejmuje ręczną pracę i robi przejście przezroczystym dla content menedżerów, którzy dalej wgrywają znajome JPEG. Po wdrożeniu przepuść kluczowe strony przez serwisy sprawdzania szybkości i upewnij się, że waga obrazków spadła, a wskaźniki ładowania się poprawiły. Krok po kroku przejście z obowiązkowym formatem zapasowym daje całą korzyść szybkości bez ryzyka, że komuś z odwiedzających znikną obrazy.