Co to jest AVIF? Format obrazów nowej generacji z AV1

AVIF (AV1 Image File Format) przenosi do plików graficznych kompresję obrazów statycznych z kodeka wideo AV1. Potrafi zapisywać zdjęcia w mniejszych plikach niż JPEG, a w wielu przypadkach także WebP, i obsługuje przezroczystość, animację, głębię kolorów 10 i 12 bitów oraz HDR. W tym artykule wyjaśniamy, skąd pochodzi AVIF, co jest w środku pliku, ile naprawdę oszczędza i kiedy sprawia kłopoty.

Kto stoi za AVIF?

AVIF opracował Alliance for Open Media (AOMedia), konsorcjum branżowe założone w 2015 roku w celu tworzenia otwartych, wolnych od opłat licencyjnych technologii multimedialnych. Jego pierwszym dużym projektem był kodek wideo AV1, który według AOMedia opublikowano w 2018 roku. Według opisu formatu w Library of Congress wersja 1.0.0 specyfikacji AVIF nosi datę 19 lutego 2019 roku, a wersja 1.1.0 datę 15 kwietnia 2022 roku. Aktualna wersja specyfikacji to 1.2.0 z 16 października 2025 roku.

Brak opłat licencyjnych to kluczowa różnica: MDN również opisuje AVIF jako wydajny format wolny od opłat licencyjnych. HEIC, który używa tego samego kontenera HEIF, opiera się na kodeku HEVC i nie ma nawet zbliżonej obsługi w przeglądarkach.

Co jest w środku pliku AVIF

Kontener HEIF

AVIF przechowuje obrazy skompresowane przez AV1 w kontenerze HEIF (High Efficiency Image File Format, ISO/IEC 23008-12). Sam HEIF opiera się na formacie ISO base media file format (ISOBMFF), tej samej podstawie co pliki MP4. Według specyfikacji plik AVIF ma być zgodnym plikiem HEIF zarówno dla pojedynczych obrazów, jak i sekwencji obrazów, a także musi spełniać wymagania MIAF. Typ pliku jest określany przez marki (brands) w pudełku ftyp na początku: avif dla obrazów statycznych i avis dla animowanych sekwencji.

Profile

Specyfikacja definiuje dwa profile: Baseline (marka MA1B), który używa profilu AV1 Main na poziomie 5.1 lub niższym, oraz Advanced (marka MA1A), który dopuszcza profil AV1 High dla obrazów statycznych. Dzięki tym profilom wiadomo z góry, jakie pliki dekoder potrafi otworzyć.

Przezroczystość i animacja

Kanał alfa jest przechowywany jako osobny pomocniczy obraz AV1 powiązany z obrazem głównym. Ten obraz alfa musi być monochromatyczny i używać tej samej głębi bitowej co obraz główny. Animowany AVIF to w zasadzie ścieżka wideo AV1, dlatego kompresuje się znacznie wydajniej niż animowany GIF o tej samej treści.

Kompresja, głębia kolorów i HDR

AVIF korzysta z narzędzi kodowania wewnątrzklatkowego AV1: obraz jest dzielony na bloki o zmiennej wielkości, każdy blok jest przewidywany za pomocą najlepszego z wielu kierunkowych trybów predykcji, a pozostała różnica jest transformowana i kwantyzowana. W porównaniu ze stałymi blokami 8x8 w JPEG ta elastyczność ogranicza efekt blokowy, zwłaszcza przy małych rozmiarach plików, i pozostawia jednolite obszary czystszymi.

Według MDN AVIF obsługuje głębię kolorów 8, 10 i 12 bitów oraz próbkowanie chrominancji YUV 4:4:4, 4:2:2 i 4:2:0. Specyfikacja AVIF stwierdza, że format obsługuje obrazy o wysokim zakresie dynamiki (HDR) i szerokiej gamie kolorów (WCG), a MDN wymienia funkcje przejścia PQ i HLG oraz przestrzeń kolorów Rec. 2020. Biorąc pod uwagę 8-bitowe ograniczenie JPEG i WebP, AVIF to jedna z najdojrzalszych opcji serwowania zdjęć HDR w sieci.

O ile mniejszy jest AVIF?

Autorzy przewodnika po AVIF w serwisie web.dev (Jai Krishnan, Wan-Teh Chang i Jeremy Wagner) piszą, że w swojej pracy i pracy innych obserwowali oszczędności ponad 50% w porównaniu z JPEG, a MDN podaje, że stratne obrazy AVIF są o około 50% mniejsze od obrazów JPEG. Te liczby zależą od treści, ustawień kodera i docelowej jakości.

Rzeczywiste dane z sieci dają ostrożniejszy obraz. Według HTTP Archive Web Almanac 2024 mediana dla obrazów AVIF na urządzeniach mobilnych wynosi 1,4 bita na piksel, wobec 1,3 dla WebP i 2,0 dla JPEG. Raport zauważa też, że mediana AVIF wzrosła z około 1,0 bita na piksel w 2022 roku, czyli o około 47%. Innymi słowy, teoretyczna przewaga formatu nie zawsze przekłada się w praktyce na mniejsze pliki, bo zależy od ustawień jakości wybieranych przez strony.

Obsługa w przeglądarkach i popularność

Według Can I use przeglądarki obsługujące AVIF odpowiadają za 96,35% globalnego użycia (październik 2026). Obsługa pojawiła się w Chrome 85, Firefox 93, Edge 121 i Safari 16.4, a częściowa w Safari od 16.1 do 16.3. MDN zaznacza, że Firefox dodał obsługę animowanego AVIF w wersji 113.

Popularność jest wciąż niska, ale szybko rośnie. Dane W3Techs z października 2026 roku pokazują AVIF na 1,7% monitorowanych stron. Web Almanac 2024 podaje, że 1,0% obrazów na stronach mobilnych to AVIF, a ten udział wzrósł w ciągu dwóch lat względnie o 386%.

Jak serwować AVIF na stronie internetowej

Ponieważ obsługa AVIF jest nowsza niż WebP, MDN zaleca także zapewnienie rozwiązań zapasowych w szerzej obsługiwanych formatach. Najczęstszym podejściem jest podanie źródeł w elemencie HTML <picture> od najwydajniejszego do najbardziej zgodnego. Przeglądarka wczytuje pierwsze źródło, które rozumie, a jeśli nie zna żadnego, używa JPG ze znacznika <img>:

<picture>
  <source srcset="zdjecie.avif" type="image/avif">
  <source srcset="zdjecie.webp" type="image/webp">
  <img src="zdjecie.jpg" alt="Opisowy tekst alternatywny" width="1200" height="800">
</picture>

Taki układ oznacza przygotowanie trzech plików, ale każdy odwiedzający pobiera najmniejszy plik obsługiwany przez swoją przeglądarkę.

Słabe strony AVIF

• Wolne kodowanie: tworzenie AVIF zajmuje zauważalnie więcej czasu procesora niż JPEG czy WebP. Przewodnik web.dev zauważa, że szybsze ustawienia prędkości obniżają wydajność kompresji i jakość.
• Brak wyświetlania progresywnego: według MDN AVIF nie obsługuje renderowania progresywnego, więc plik musi zostać pobrany w całości, zanim będzie można go wyświetlić.
• Obsługa w programach nie nadąża za przeglądarkami: mimo że przeglądarki wyświetlają AVIF, starsze przeglądarki zdjęć, programy biurowe i formularze przesyłania często go nie akceptują.
• Zysk maleje przy bardzo wysokiej jakości: pliki zbliżone do bezstratnych szybko rosną; do kopii archiwalnych lepiej nadaje się PNG lub oryginalny plik.

Typowe problemy

Plik AVIF nie chce się otworzyć

Zwykle program po prostu nie zna AVIF. Aby udostępnić plik lub użyć go w starszym programie, najszybciej jest przekonwertować zdjęcia do JPG, a obrazy z przezroczystością do PNG.

Kolory wyglądają na wyblakłe po konwersji

Gdy AVIF w HDR lub z szeroką gamą kolorów jest konwertowany do 8-bitowego formatu sRGB, dodatkowe informacje o jasności i kolorze się nie mieszczą, a obraz może wyglądać bardziej matowo, niż zamierzano. To ograniczenie formatu docelowego.

Animacja zniknęła

JPG i PNG nie przenoszą animacji, więc animowany AVIF przekonwertowany do któregokolwiek z nich zachowuje tylko jedną klatkę.

Wskazówki dotyczące konwersji AVIF

• Aby otworzyć AVIF wszędzie: konwertuj AVIF do JPG albo AVIF do PNG, aby zachować przezroczystość. W przypadku animowanych plików AVIF używana jest tylko pierwsza klatka.
• Aby tworzyć AVIF: nasze konwertery JPG do AVIF i PNG do AVIF domyślnie używają jakości 60. Skala jakości AVIF nie oznacza tego samego co w JPEG, a 60 daje dobre wyniki dla większości zdjęć. Przy jakości 95 i wyższej kolor jest kodowany w pełnej rozdzielczości (4:4:4); poniżej używane jest 4:2:0.
• Uzbrój się w cierpliwość: kodowanie AVIF działa w Twojej przeglądarce za pomocą WebAssembly i jest wolniejsze niż w przypadku innych formatów; interfejs pokazuje postęp. Pliki nigdy nie opuszczają Twojego urządzenia.
• Kolor i metadane: nasze narzędzia dostosowują kolory do sRGB, więc informacje HDR nie są przenoszone do wyniku. Dane EXIF i lokalizacji również nie są zapisywane w wyniku.
• Przy pracy wsadowej wybierz AVIF jako format docelowy w konwerterze obrazów i przekonwertuj kilka plików naraz.

Najczęściej zadawane pytania

Czy AVIF i HEIC to to samo?

Nie, ale są ze sobą powiązane. Oba używają kontenera HEIF; HEIC kompresuje obraz za pomocą HEVC (H.265), a AVIF za pomocą AV1. AV1 to kodek wolny od opłat licencyjnych, a AVIF otwiera się dziś w każdej dużej przeglądarce, podczas gdy HEIC pozostał w dużej mierze związany z urządzeniami Apple.

Czy AVIF jest lepszy od WebP?

AVIF zwykle daje mniejsze pliki w przypadku zdjęć i obsługuje HDR; WebP koduje się znacznie szybciej, a jego obsługa sięga dalej wstecz. Oferowanie obu na stronie przez element <picture> pozwala każdej przeglądarce dostać najwydajniejszy obsługiwany przez nią format.

Czy AVIF może być bezstratny?

Tak, AV1 obsługuje też kodowanie bezstratne. Bezstratne pliki AVIF są jednak zwykle duże, więc jeśli potrzebujesz zapisu bezstratnego, PNG lub bezstratny WebP często okazują się praktyczniejsze.

Czy AVIF otwiera się na iPhonie?

Safari w aktualnych wersjach iOS wyświetla AVIF; według Can I use pełna obsługa pojawiła się wraz z Safari 16.4. Obsługa w poszczególnych aplikacjach różni się w zależności od aplikacji.

Dlaczego zapisywanie AVIF trwa tak długo?

AV1 wypróbowuje wiele rozmiarów bloków i kierunków predykcji, aby znaleźć najlepszą kompresję. To wyszukiwanie zmniejsza pliki, ale kosztuje czas procesora. Ustawienie prędkości kodera przesuwa ten kompromis: szybsze ustawienia dają większe pliki.

Źródła

• AOMedia: specyfikacja AV1 Image File Format (AVIF)
• AOMedia: Our story
• Library of Congress: opis formatu AVIF
• MDN: Image file type and format guide
• web.dev: Using AVIF to compress images on your site
• Can I use: AVIF image format
• W3Techs: Usage statistics of image file formats for websites
• HTTP Archive Web Almanac 2024: Media