WebP / AVIF

Nowoczesne, lekkie formaty obrazów.

Formaty obrazów (waga) — diagram wyjaśniający — Nowoczesne formaty (WebP/AVIF) dają ten sam obraz przy znacznie mniejszej wadze. Otwórz diagram z opisem i legendą.

Co to jest WebP / AVIF?

WebP i AVIF to nowoczesne formaty obrazów, które dają tę samą (lub lepszą) jakość co JPEG i PNG przy znacznie mniejszym rozmiarze pliku — często o 30–60%.

Obrazy to zwykle najcięższa część strony, więc ich format mocno wpływa na szybkość. AVIF kompresuje najmocniej, WebP jest wszędzie obsługiwany; dobrze podawać nowoczesny format z klasycznym jako zapasem.

Dlaczego to ważne dla SEO

Lżejsze obrazy to krótszy czas ładowania i lepszy LCP — bez utraty jakości widocznej dla oka. To jedna z najtańszych dużych optymalizacji.

Jak to sprawdzić

Sprawdź w zakładce Network rozmiary i typy obrazów. Lighthouse sugeruje „podawaj obrazy w formatach nowej generacji”. SEOMaster mierzy realną wagę strony.

Częste błędy

Serwowanie ciężkich PNG tam, gdzie wystarczy WebP
Brak responsywnych rozmiarów (srcset) — telefon pobiera obraz dla desktopu
Brak formatu zapasowego dla starszych przeglądarek

Przykład

<picture><source srcset="foto.avif" type="image/avif"><img src="foto.jpg" alt="…"></picture>

Poradniki na ten temat

Jak czytać PageSpeed Insights i Core Web Vitals — Zacznij od danych polowych, potem użyj laboratorium do diagnozy. Wynik 100/100 nie jest celem samym w sobie — ważniejsze są LCP, INP i CLS prawdziwych użytkowników oraz poprawki, które usuwają konkretną przyczynę.
Jak poprawić Core Web Vitals — LCP, INP i CLS po kolei — Trzy metryki, trzy zupełnie różne przyczyny. Ten poradnik idzie od zmian, które zajmują kwadrans i dają najwięcej, do przebudów, w które warto wchodzić dopiero na końcu.

Wszystkie hasła · Cała Wiedza · Jak skanujemy