Jak używać
- Przeciągnij plik .avif na pole upuszczania, kliknij, aby go wybrać, lub wklej obraz.
- Pozostaw opcję „Zachowaj oryginał”. AVIF jest zwykle najmniejszą opcją, a narzędzie nie potrafi ponownie kodować obrazów do AVIF.
- W polu „Konwertuj na” wybierz PNG, JPEG lub WebP tylko wtedy, gdy system docelowy nie obsługuje AVIF.
- Skopiuj data URI jako źródło elementu picture albo użyj czystego Base64, znacznika img, CSS lub Markdown.
Czym jest AVIF?
AVIF (AV1 Image File Format) przechowuje obrazy skompresowane kodekiem wideo AV1 w kontenerze HEIF. Format został opublikowany przez Alliance for Open Media w 2019 roku i obsługuje przezroczystość, animację, kolor 10- i 12-bitowy, HDR oraz szerokie gamy kolorów. Typ MIME to image/avif.
Przy tej samej jakości wizualnej pliki AVIF są często wyraźnie mniejsze od JPEG i zwykle mniejsze od WebP, zwłaszcza przy niskich przepływnościach. Ponieważ Base64 powiększa każdy plik o tę samą jedną trzecią, mniejszy plik AVIF oznacza bezpośrednio krótszy data URI.
Obsługa w przeglądarkach i wersje zastępcze
AVIF jest wyświetlany w przeglądarkach Chrome od wersji 85, Firefox od wersji 93, Safari od wersji 16 i Edge od wersji 121. Starsze przeglądarki i większość programów pocztowych nie potrafią go pokazać. W witrynach umieść data URI w elemencie <picture> z wersją zastępczą:
<picture>
<source type="image/avif" srcset="data:image/avif;base64,...">
<img src="logo.png" alt="Logo" width="120" height="40">
</picture>Wersję zastępczą zachowaj jako osobny plik. Gdyby ona również była data URI, każdy odwiedzający pobierałby obie wersje jako część kodu HTML.
Opcje kodowania i konwersji
Narzędzie koduje plik AVIF dokładnie w takiej postaci, w jakiej jest. AVIF nie należy do formatów docelowych konwersji (PNG, JPEG i WebP), dlatego aby utworzyć AVIF z innego formatu, użyj specjalnego kodera, takiego jak avifenc, Squoosh lub edytor graficzny, a następnie zakoduj wynik tutaj.
Konwersja AVIF na PNG, JPEG lub WebP działa w przeglądarkach, które potrafią dekodować AVIF, i przydaje się w przypadku systemów, które tego formatu nie akceptują, ale wynik jest zwykle większy. Jeśli potrzebna jest szeroka obsługa i mały rozmiar, najbliższą alternatywą jest WebP.
Najczęściej zadawane pytania
Czy można tu przekonwertować PNG lub JPEG na AVIF?
Nie. Formaty docelowe konwersji to PNG, JPEG i WebP. Najpierw utwórz plik AVIF w innym narzędziu, a potem przeciągnij go tutaj, aby go zakodować.
Które przeglądarki wyświetlają obrazy data:image/avif?
Chrome 85+, Firefox 93+, Safari 16+ i Edge 121+. Dla starszych przeglądarek zapewnij wersję zastępczą PNG lub JPEG w elemencie picture.
Dlaczego nie widać podglądu obrazu AVIF?
Przeglądarka najprawdopodobniej nie potrafi dekodować AVIF. Wynik Base64 i tak powstaje z bajtów pliku i jest poprawny; aby zobaczyć podgląd, otwórz stronę w aktualnej przeglądarce.
Czy Base64 z AVIF jest krótszy niż Base64 z WebP?
Zwykle tak, przy podobnej jakości wizualnej. Base64 dodaje do obu formatów te same 33%, więc mniejszy plik źródłowy zawsze daje krótszy ciąg.