Wiedza / Diagramy / Wydajność i obrazy

Formaty obrazów (waga)

Nowoczesne formaty (WebP/AVIF) dają ten sam obraz przy znacznie mniejszej wadze.

Co pokazuje ten diagram?

Od pobrania zasobów do wyrenderowania stabilnego widoku oraz pomiaru Core Web Vitals.

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%.

Pomaga połączyć wynik PageSpeed lub audytu z konkretną fazą ładowania, formatem obrazu albo protokołem.

Jak czytać schemat

1. JPEG
2. 100%
3. PNG
4. 130%
5. WebP
6. 65%
7. AVIF
8. 45%

Pełne wyjaśnienie pojęcia

WebP / AVIF — Nowoczesne, lekkie formaty obrazów.

Jak użyć diagramu?

Otwórz sam plik SVG, aby powiększyć go bez utraty jakości, albo odwołaj się do tej strony, gdy potrzebujesz również opisu, legendy i powiązanych materiałów.

Powiązane poradniki

• Jak czytać PageSpeed Insights i Core Web Vitals
• Jak poprawić Core Web Vitals — LCP, INP i CLS po kolei

Wszystkie diagramy · Poradniki · Słownik