AVIF vs JPEG XL: Dlaczego jeden wygrał

Używaj AVIF, ponieważ jest obsługiwany przez każdą główną przeglądarkę, podczas gdy JPEG XL nie. Pod większością względów technicznych JPEG XL jest silniejszym formatem, oferującym bezstratne transkodowanie JPEG, progresywne dekodowanie i doskonałą jakość w przeliczeniu na bajt. Z praktycznego punktu widzenia nie da się go jednak wdrożyć w otwartej sieci.

Chrome usunął obsługę JPEG XL w 2023 roku, powołując się na niewystarczające zainteresowanie ekosystemu, a bez Chrome żaden format obrazu w sieci nie ma racji bytu. Format AV1 Image File Format (AVIF) miał tę przewagę, że bazował na AV1 – kodeku wideo, w który dostawcy przeglądarek już inwestowali. Lepsza technologia przegrała z tą, która miała silniejszą dystrybucję, co nie jest nowym zjawiskiem.

Porównanie obu formatów

JPEG XL wygrywa pod względem szybkości kodowania, progresywnego ładowania i bezstratnej konwersji JPEG, podczas gdy AVIF wygrywa w jedynej kategorii, która decyduje o wdrożeniu – obsłudze przez przeglądarki.

Wiersz dotyczący bezstratnego transkodowania JPEG to funkcja, którą sieć utraciła. JPEG XL potrafi przepakować istniejący plik JPEG do rozmiaru o około 20 procent mniejszego i przekonwertować go z powrotem do identycznego pliku oryginalnego, co pozwoliłoby na zmniejszenie archiwów bez żadnego ryzyka.

Dlaczego Chrome usunął JPEG XL

Chrome powołał się na niewystarczające zainteresowanie ze strony ekosystemu, ograniczone korzyści w porównaniu z istniejącymi formatami oraz koszty utrzymania kolejnego dekodera. Decyzja została ogłoszona w 2022 roku i weszła w życie w 2023 roku.

Ta argumentacja była wówczas kwestionowana i pozostaje taka do dziś. Zwolennicy wskazywali na mierzalne zalety kompresji oraz poparcie ze strony kilku dużych wydawców obrazów. Kontrargumentem było to, że AVIF dostarczał już większość korzyści, korzystając z dekodera, który przeglądarki i tak już posiadały do obsługi wideo. Niezależnie od tego, która opinia jest słuszna, format bez wsparcia Chrome nie może być serwowany dla większości ruchu sieciowego.

Gdzie JPEG XL jest nadal używany

JPEG XL przetrwał w profesjonalnej fotografii, przechowywaniu archiwalnym i oprogramowaniu Apple, gdzie jeden dostawca kontroluje cały proces. Safari dodało obsługę w 2023 roku, co utrzymuje ten format przy życiu na platformach Apple.

• Archiwa zdjęć wykorzystują bezstratne transkodowanie JPEG, aby zmniejszyć zapotrzebowanie na miejsce bez ryzyka utraty jakości.
• Profesjonalne procesy pracy z aparatami zyskują dzięki wysokiej głębi bitowej i szerokiej gamie kolorów.
• Platformy Apple potrafią go dekodować, co czyni go opłacalnym wewnątrz zamkniętych ekosystemów.
• Obrazowanie medyczne i naukowe ceni tryb bezstratny oraz progresywne dekodowanie.
• Nie otwarta sieć, gdzie format musi działać w każdej przeglądarce, aby był użyteczny.

Kiedy używać AVIF na stronie internetowej

Używaj AVIF do największych zdjęć, gdzie pozwala zaoszczędzić od 20 do 30 procent w porównaniu do WebP. Przewaga rośnie wraz z rozmiarem obrazu i znika przy małych grafikach.

Główne obrazy (hero), banery na pełną szerokość i galerie zdjęć to oczywiste przypadki użycia. Poniżej około 10 KB plik AVIF jest często większy niż jego odpowiednik WebP, ponieważ narzut związany z kontenerem przewyższa zysk z kompresji. Podział biblioteki według rozmiaru, z AVIF dla ciężkich obrazów i WebP dla całej reszty, pozwala uzyskać większość korzyści bez ponoszenia nadmiernych kosztów kodowania.

Koszt kodowania AVIF

AVIF koduje się kilkukrotnie wolniej niż WebP, co ma znaczenie przy dużych partiach plików, a nie przy pojedynczych obrazach. Zdjęcie, które konwertuje się do WebP w mniej niż sekundę, w przypadku AVIF może wymagać kilku sekund.

Przy partii 500 obrazów różnica ta jest mierzona w minutach. Koszt ten ponosi się jednak tylko raz na obraz, ponieważ dekodowanie jest szybkie w każdej obsługującej go przeglądarce. Zaplanuj dużą konwersję, gdy komputer nie jest obciążony innymi zadaniami, i trzymaj kartę przeglądarki na pierwszym planie, ponieważ przeglądarki ograniczają wydajność kart w tle, co znacznie spowalnia pracę.

Jak bezpiecznie serwować AVIF

Aby używać AVIF bez zakłócania pracy starszych przeglądarek, wykonaj te 5 kroków.

1. Zidentyfikuj największe obrazy na każdej stronie, którymi zazwyczaj są banery hero i główne zdjęcia.
2. Zmniejsz każdy obraz do szerokości, jaką zajmuje na stronie, pomnożonej dwukrotnie dla ekranów o wysokiej gęstości pikseli.
3. Konwertuj do AVIF z jakością od 60 do 70, ponieważ AVIF zachowuje szczegóły przy niższych wartościach niż JPEG.
4. Skonwertuj to samo źródło do WebP jako drugą opcję i zachowaj oryginalny JPEG jako ostateczne rozwiązanie awaryjne.
5. Serwuj wszystkie 3 formaty za pomocą elementu picture, z AVIF na pierwszym miejscu, WebP na drugim i JPEG w tagu img.

Przeglądarka wybierze pierwszy format, który rozumie, dzięki czemu nic się nigdzie nie zepsuje. Przygotowanie kodu HTML zazwyczaj zajmuje więcej czasu niż sama konwersja plików.

Ustawienia jakości AVIF zachowują się inaczej

Jakość AVIF na poziomie 60 wygląda porównywalnie do jakości JPEG na poziomie 85, więc znane wartości nie przekładają się bezpośrednio. Stosowanie przyzwyczajeń z JPEG do AVIF generuje pliki znacznie większe niż to konieczne.

Zacznij od wartości 60 dla zdjęć i dostosowuj ją w zależności od potrzeb. Zwróć uwagę na specyficzny problem: AVIF przy agresywnych ustawieniach ma tendencję do wygładzania drobnych tekstur zamiast tworzenia bloków, co może sprawić, że trawa, włosy i tkaniny będą wyglądać jak namalowane. Ten artefakt jest mniej uciążliwy niż blokowość JPEG i łatwo go przeoczyć, dopóki ktoś nie zwróci na niego uwagi.

Jak format wygrywa lub przegrywa

O formatach obrazów decyduje dystrybucja, a nie zalety techniczne, a dostawcy przeglądarek kontrolują dystrybucję. Ten sam schemat zdecydował o sukcesie WebP, który wygrał, ponieważ Chrome go wdrożył, oraz o porażce JPEG 2000, który przegrał pomimo swoich możliwości technicznych.

AVIF skorzystał na decyzji podjętej w sprawie wideo, a nie obrazów. Dostawcy przeglądarek zainwestowali już w AV1, aby obniżyć koszty przesyłania strumieniowego, więc dodanie formatu obrazu opartego na tym samym dekoderze kosztowało ich bardzo niewiele. JPEG XL wymagał nowego dekodera, nowych prac konserwacyjnych i nowej przestrzeni podatnej na zagrożenia, przy korzyściach, które przeglądarki uznały za marginalne w porównaniu z tym, co już oferowały.

Czy to wszystko ma wpływ na zwykłych użytkowników

Nie, większość ludzi nigdy nie wybiera formatu obrazu bezpośrednio, a decyzję podejmuje platforma, na której publikują. Debata ta ma znaczenie dla właścicieli witryn, fotografów i programistów, którzy kontrolują własną dystrybucję treści.

Każdy, kto publikuje za pośrednictwem platform handlowych, sieci społecznościowych czy kreatorów stron, przesyła pliki JPG lub PNG, pozwalając platformie na ich ponowne zakodowanie. Temat formatów staje się istotny tylko wtedy, gdy kontrolujesz pliki pobierane przez odwiedzających, dlatego dominuje on w dyskusjach o wydajności sieci, będąc niewidocznym wszędzie indziej.

Co to oznacza dla Twojej biblioteki

Zachowaj bezstratne pliki wzorcowe, publikuj w AVIF i WebP, i zignoruj debatę o formatach. Formaty docelowe zmieniają się co kilka lat, podczas gdy plik wzorcowy pozostaje użyteczny bezterminowo.

Każdy, kto przekonwertował całą bibliotekę do formatu docelowego i usunął oryginały, mierzył się już z tym problemem. Przechowywanie danych jest tanie w porównaniu z ponownym fotografowaniem katalogu, więc praktyczną strategią jest przechowywanie najlepszej posiadanej wersji i generowanie kopii docelowych tak często, jak zmieniają się standardy w sieci.

Czy JPEG XL powróci

Powrót wymagałby od Chrome zmiany decyzji, a żadne zapowiedzi nie wskazują, aby to planowano. Wsparcie w Safari i ciągłe zainteresowanie ze strony oprogramowania fotograficznego zapobiegają całkowitemu zniknięciu tego formatu.

Formaty wracały już z gorszych pozycji, więc kwestia ta pozostaje otwarta. Budowanie strony internetowej w oparciu o tę ewentualność byłoby jednak nieostrożne. Używaj dziś AVIF i WebP do publikacji, przechowuj pliki wzorcowe w formacie bezstratnym, a wdrożenie dowolnego przyszłego formatu stanie się kwestią seryjnej konwersji, a nie przebudowy strony.

Konwersja biblioteki do AVIF

Konwertuj z oryginalnego pliku wzorcowego, a nie z istniejącego pliku JPEG, ponieważ stratne źródło przenosi uszkodzenia do nowego pliku. Koder AVIF zużywa bity na opisywanie artefaktów JPEG, których nie potrafi odróżnić od rzeczywistych szczegółów.

Dodaj do 500 plików jednocześnie lub prześlij archiwum ZIP, a cały zestaw zostanie przekonwertowany w jednym przebiegu. Wszystko odbywa się w Twojej przeglądarce przy użyciu Twojego procesora, więc biblioteki zdjęć, prace dla klientów i niepublikowane materiały kampanii nigdy nie trafiają na serwer. Lokalne kodowanie oznacza również, że duża partia plików przetwarza się z prędkością Twojego komputera, a nie z prędkością wysyłania danych na serwer.