Trzy formaty, jedno pytanie: który daje najmniejszy plik, który wciąż wygląda dobrze i wciąż otwiera się wszędzie? Uczciwy ranking dla surowej kompresji to AVIF > WebP > JPEG. Ale „najmniejszy" to nie jedyne, co się liczy, a z AVIF wiąże się praktyczny haczyk, który większość artykułów porównawczych pomija. Przejdźmy przez to porządnie.
Szybkie porównanie
| JPEG | WebP | AVIF | |
|---|---|---|---|
| Wydany | 1992 | 2010 | 2019 |
| Kompresja | Punkt odniesienia | ~25–35% mniejszy niż JPEG | ~50% mniejszy niż JPEG |
| Przezroczystość (alfa) | Nie | Tak | Tak |
| Animacja | Nie | Tak | Tak |
| Głębia kolorów | 8-bitowa | 8-bitowa | Do 12-bitowej, HDR |
| Obsługa w przeglądarkach | Powszechna | Powszechna | Bardzo dobra, nieco w tyle |
| Szybkość kodowania | Szybka | Szybka | Wolna |
Na papierze AVIF wygrywa niemal każdy wiersz. Kompresuje najmocniej, obsługuje przezroczystość i HDR i wygląda niezwykle czysto przy małych rozmiarach plików. WebP siedzi wygodnie pośrodku — mniejszy niż JPEG, powszechnie obsługiwany, bez dramatów. JPEG to stary niezawodny: nie potrafi przezroczystości ani animacji, ale każde urządzenie, aplikacja i klient poczty na świecie go odczyta.
Haczyk AVIF, o którym nikt nie wspomina
Oto część, którą musisz znać, zanim zaplanujesz coś wokół AVIF. Przeglądarki potrafią dekodować AVIF, ale nie potrafią niezawodnie zakodować go z płótna. Wbudowana w sieć ścieżka eksportu obrazów (canvas.toBlob) po prostu nie tworzy AVIF w niezawodny, działający we wszystkich przeglądarkach sposób. Dobre zakodowanie AVIF wymaga ciężkich obliczeń, których interfejsy Canvas w przeglądarce nie udostępniają.
Co to oznacza w praktyce: narzędzie działające czysto w przeglądarce potrafi wyświetlić AVIF, ale nie potrafi niezawodnie go utworzyć. Więc gdy w konwerterze działającym w przeglądarce wybierzesz AVIF jako format docelowy, rozsądnym zachowaniem jest przejście na WebP — i dokładnie to dzieje się tutaj. Nadal dostajesz nowoczesny, dobrze skompresowany plik (mniejszy niż JPEG czy PNG), który otwiera się w każdej przeglądarce, bez formatu, którego Twoi odwiedzający mogliby nie umieć otworzyć. To uczciwy kompromis: tracisz ostatni kawałek kompresji AVIF, zachowujesz powszechną zgodność i natychmiastową konwersję.
Jeśli koniecznie potrzebujesz prawdziwych plików AVIF, sięgniesz po koder po stronie serwera albo natywne narzędzie na komputer. Dla większości zastosowań webowych WebP daje Ci 90% korzyści bez żadnego bólu głowy z kodowaniem.
Który więc właściwie wybrać?
- Publikujesz zdjęcia na stronie i chcesz najmniejsze niezawodne pliki? WebP. Powszechna obsługa, duże oszczędności względem JPEG, działa z narzędzia w przeglądarce już dziś.
- Potrzebujesz maksymalnej kompresji i kontrolujesz cały proces (po stronie serwera)? AVIF — kodowany po stronie serwera, nie w przeglądarce.
- Wysyłasz mailem, drukujesz albo podajesz do starszego oprogramowania? JPEG. Nudny, ale zawsze działa.
- Potrzebujesz przezroczystości? WebP albo AVIF — nigdy JPEG.
Konwersja w przeglądarce
Konwerter obrazów działa w całości na Twoim urządzeniu dzięki Canvas. Nic nie jest przesyłane, nie ma rejestracji, a po pierwszej wizycie działa offline. Konwertuj między PNG, JPG i WebP w partii. Jeśli wybierzesz AVIF, w tle przejdzie na WebP z opisanych wyżej powodów — tak czy inaczej dostajesz mały, powszechnie czytelny plik.
Wersja krótka
Dla większości osób publikujących w sieci WebP to złoty środek: dramatycznie mniejszy niż JPEG, obsługa przezroczystości i działa wszędzie, także z narzędzia w przeglądarce. AVIF jest technicznie mistrzem kompresji, ale prawdziwe kodowanie AVIF należy do serwera, nie do Twojej przeglądarki. A JPEG pozostaje formatem, do którego wracasz zawsze, gdy maksymalna zgodność bije maksymalną wydajność.