Notatki zespołu o rzemiośle, formatach i drobnych decyzjach stojących za dobrym okrągłym przycięciem.
Co pozwala AVIF zgnieść PNG na rozmiarze
AVIF jedzie na kodeku AV1, dostrojonym do tego, co oko przyjmuje, a nie do wierności co do bajta. PNG opiera się na DEFLATE nad surowymi pikselami, bezstratnie, lecz ślepo na nadmiarowość, którą wypełniona jest treść fotograficzna. AVIF zamienia tę nadmiarowość na sztuczki predykcji blokowej z kodowania wideo, zrzucając detal, którego układ wzrokowy nie rejestruje. Zwrot jest stromy. Tamto zdjęcie 116 KB staje się około 16 KB na jakości 85, a przezroczysty PNG na ogół spada o 30 do 50 procent wobec zbliżonego WebP. Fotografie wysokiej rozdzielczości poszerzają różnicę, a prosta grafika ją zwęża. Każda witryna wysyłająca przezroczysty obraz nowoczesnej publice obraca to w żwawsze strony i lżejszy rachunek za pasmo.
Idąc za kanałem alfa przez zapis
PNG i AVIF oba trzymają przezroczystość na osobnej płaszczyźnie alfa obok koloru. Gdy ta para czyta twój PNG, odczyt rozciąga piksele koloru i maskę na dwie strony. Strona AVIF kładzie potem świeżą ścieżkę alfa, swoją własną, opartą na kodowaniu wewnątrzklatkowym AV1, by ścisnąć kolor i maskę po równo na jakości 85. Przezroczystość nigdy nie topi się w kolorze i nigdy nie dostaje wypełnienia z tyłu. Padające cienie, rozmyte obrzeża i półprzezroczyste gradienty przychodzą wszystkie wiernie. Jedyny koszt jest taki, że AVIF ściska płaszczyznę alfa stratnie też, co potrafi zostawić wątłą obwódkę na bardzo ostrych krawędziach, gdy mocno przybliżasz. Na zwykłych rozmiarach i jakości 85 zostaje niewidoczna. Dla maleńkich ikon co do piksela trzymaj się PNG.
Realistyczne czasy na każdym silniku
Strona zapisu wczytuje się raz na sesję, jakieś 800 milisekund na pobranie i kolejne 300 na rozkręcenie, więc otwierająca konwersja nosi jakąś sekundę rozgrzania. Każdy rozgrzany przebieg ją omija. Chrome na komputerze czyści 0,12 megapiksela w jakieś 40 milisekund, megapiksel w okolicy 250, a osiem megapikseli w jakieś 2,8 sekundy. Firefox ostaje, biorąc jakieś cztery razy więcej, co może przepchnąć klatkę 4K za 30 sekund. Safari na WebKit ląduje między nimi i bliżej Chrome. Telefony średniej półki idą trzy do pięciu razy wolniej niż Chrome na komputerze na całej linii. Jeśli duże pliki to rutyna, sesja Chrome na komputerze to najszybsze siedzenie w domu.
Przypadki, gdy PNG powinien zostać PNG
Kilka zadań wciąż woła PNG nawet tam, gdzie waga ma znaczenie. Ostry tekst w małych rozmiarach, ten z etykiet, plakietek czy znaków w skali favikony, może zebrać artefakty AVIF, które czytają się słabo z bliska. Pliki wzorcowe, które zamierzasz dalej edytować, też należą do PNG, bo każdy przejazd przez format stratny piętrzy stratę. Niektóre miejsca odmawiają AVIF wprost, pewne edytory dokumentów, starsze pakiety projektowe i garść klientów poczty wśród nich, i te chcą PNG. Animacja poza pierwszą klatką też tu odpada, bo para bierze jedną klatkę. Wszędzie indziej, dla przezroczystych zdjęć i grafik idących na nowoczesną stronę, PNG na AVIF to właściwy ruch.
Sprawa Core Web Vitals w liczbach
Za wskaźnik Largest Contentful Paint, który mierzy główne ładowanie, odpowiada waga największego obrazu na ekranie. Gdy zejdzie się z nim ze 116 KB do 16 KB, jak wyszło w teście ze zdjęciem 4K, jego czas na łączu 10 Mbps skraca się z czegoś koło 93 milisekund do czegoś koło 13. Powtórz to cięcie na witrynie produktów, na kręcącym się banerze albo na ekranie zatłoczonym przezroczystymi ikonami, a suma z zapasem zrzuca LCP pod próg 2,5 sekundy, który Google odczytuje jako dobry. AVIF wystrzelił właśnie dlatego, że jego pożytek da się pokazać gołą liczbą. Skoro zasięg krąży koło 94,3 procent, sięganie po wariant zapasowy zdarza się tak rzadko, że zysk pasma przeważa nad dodatkowym znacznikiem picture.
Czym to wyróżnia się wśród zwykłych konwerterów online
Niemal każdy konwerter AVIF online wysyła twój PNG na zdalny sprzęt, a potem trzyma wynik według reguł retencji, których pilnuje ten operator, często pozostawionych mglistymi. Araluma jasno mówi, jak działa. Ponieważ AVIF jest ciężki, dla najczystszego wyniku konwersja działa na naszym serwerze, a koder w przeglądarce wkracza sam, gdy serwer jest poza zasięgiem. Gdy twój plik do nas dociera, zostaje zakodowany, a potem usunięty w około 2 godziny, bez prośby o konto i bez użycia poza konwersją, którą zacząłeś. Nic nie jest przechowywane długo i nic nie jest udostępniane. Komuś, kto prowadzi pracę dla klientów, niewydane ujęcia produktu lub treści użytkowników, uczciwa forma wymiany jest taka: plik może przejść przez nasz serwer, dotyka się go tylko po to, by zbudować twój AVIF, i nie zalega.