Jak używać
- Wklej ciąg Base64 lub URI data:image/avif;base64.
- Sprawdź podgląd, wykryty format i wymiary.
- Aby zapisać AVIF bez zmian, wybierz „Oryginał”. Aby przekonwertować inny format, pozostaw wybrany AVIF. Jeśli przeglądarka nie potrafi kodować AVIF, ta opcja jest niedostępna.
- Pobierz plik .avif.
Jak wyglądają dane AVIF
AVIF przechowuje obraz skompresowany kodekiem wideo AV1 w kontenerze HEIF, czyli w tej samej strukturze ISO Base Media File Format, której używa MP4. Nie ma krótkiej, stałej sygnatury, jaką ma PNG. Zamiast tego plik otwiera blok ftyp, który podaje identyfikator marki avif lub avis w przypadku animowanych sekwencji. W Base64 oznacza to zwykle, że ciąg zaczyna się od AAAA, a kilka znaków dalej zawiera eXBhdmlm. Narzędzie odczytuje sam blok, więc potrafi odróżnić AVIF od HEIC, który używa tego samego kontenera z innym identyfikatorem marki. Typ MIME to image/avif.
Konwersja na AVIF zależy od przeglądarki
Aktualne wersje przeglądarek Chrome, Edge, Firefox i Safari wyświetlają AVIF, więc podgląd i zapis oryginalnego pliku działają niemal wszędzie. Inaczej jest z tworzeniem nowych plików AVIF. Konwersja korzysta z kodera wbudowanego w przeglądarkę, a nie każda przeglądarka potrafi utworzyć AVIF z elementu canvas. Narzędzie sprawdza, czy używana przeglądarka to potrafi. Jeśli nie umie kodować AVIF, opcja jest niedostępna, a najbliższą alternatywą jest WebP. Można też pobrać PNG i zakodować go specjalnym narzędziem, takim jak avifenc z biblioteki libavif.
Kiedy AVIF się opłaca
AVIF często wygrywa z JPEG i WebP pod względem rozmiaru pliku przy tej samej jakości wizualnej, zwłaszcza w przypadku zdjęć, a do tego obsługuje przezroczystość, dużą głębię bitową i HDR. Kodowanie trwa dłużej, a niektóre starsze edytory graficzne i systemy operacyjne nadal nie potrafią otworzyć tego formatu. W przypadku bardzo małych obrazów, takich jak ikony, narzut kontenera może zniwelować zyski, więc PNG lub WebP mogą okazać się mniejsze. Na stronach internetowych udostępniaj AVIF razem z formatem zastępczym, aby każdy odwiedzający zobaczył obraz:
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="Description">
</picture>Najczęściej zadawane pytania
Dlaczego opcja pobierania AVIF jest niedostępna?
Przeglądarka potrafi wyświetlać AVIF, ale nie umie kodować tego formatu z elementu canvas. Wypróbuj inną aktualną przeglądarkę, wybierz zamiast tego WebP albo pobierz PNG i przekonwertuj go koderem na komputerze.
Dlaczego plik AVIF nie wyświetla podglądu?
Starsza przeglądarka lub system operacyjny mogą nie dekodować AVIF. Dane mogą też być w formacie HEIC, który wygląda podobnie, ale ma inny identyfikator marki. Wykryty format wskazuje, o który z nich chodzi. Pobieranie jako „Oryginał” działa w obu przypadkach.
Czy AVIF jest zawsze mniejszy niż WebP?
Często, ale nie zawsze. Wyniki zależą od obrazu i ustawień kodera, więc porównaj rozmiary pobranych plików.