UltKit

Konwerter GIF na AVIF

Animowany AVIF odtwarza się w znaczniku obrazu tak samo jak GIF, ale jest kompresowany kodekiem wideo AV1, więc ta sama pętla zajmuje na stronie internetowej ułamek bajtów.

Konwerter wideo

lub upuść Pliki MP4, MOV, MKV … tutaj ·

Maks. 95 MB na plik· Do 20 plików· Usuwane po 30 min

Wynik

Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.

Jak korzystać z narzędzia

  1. 1

    Dodaj pliki GIF

    Prześlij do 20 animowanych plików GIF, każdy do 95 MB. Krótkie klipy MP4 lub WebM również można od razu zamienić na animowany AVIF.

  2. 2

    Ustaw szerokość

    Animowany wynik domyślnie ma Szerokość 480 px. Jeśli chcesz zachować oryginalny rozmiar, wpisz szerokość GIF-a w sekcji Ustawienia zaawansowane; opcja Zapętlenie pozostaje ustawiona na zapętlenie bez końca.

  3. 3

    Konwertuj do AVIF

    Kliknij Konwertuj na AVIF i pobierz pliki .avif, gotowe do wstawienia w elemencie picture na Twojej stronie.

Dlaczego warto konwertować GIF do AVIF na stronę internetową

GIF zapisuje każdą klatkę jako osobny obraz w 256 kolorach. Kilkusekundowe demo produktu lub nagranie ekranu może ważyć kilka megabajtów, a na stronie docelowej ten jeden obraz często waży więcej niż cały kod. Audyt Google Lighthouse ma specjalną regułę „Use video formats for animated content”, wymierzoną dokładnie w takie pliki.

AVIF został sfinalizowany przez Alliance for Open Media w 2019 roku jako format obrazów statycznych oparty na kodeku wideo AV1, w kontenerze HEIF. Animowany AVIF to sekwencja obrazów AV1: kolejne klatki są przewidywane na podstawie wcześniejszych, tak jak w pliku wideo, więc bity kosztuje tylko zmiana między klatkami.

GIF a animowany AVIF: co zyskujesz dzięki formatowi

from ↓ · to →Ponad 256 kolorów w klatceGładkie krawędzie alfaKlatki przewidywane na podstawie ruchu10-bit colorOtwiera się w każdej przeglądarce obrazów
GIF– GIF to Ponad 256 kolorów w klatce: no– GIF to Gładkie krawędzie alfa: no– GIF to Klatki przewidywane na podstawie ruchu: no– GIF to 10-bit color: noGIF to Otwiera się w każdej przeglądarce obrazów: yes
Animowany AVIFAnimowany AVIF to Ponad 256 kolorów w klatce: yesAnimowany AVIF to Gładkie krawędzie alfa: yesAnimowany AVIF to Klatki przewidywane na podstawie ruchu: yesAnimowany AVIF to 10-bit color: yes– Animowany AVIF to Otwiera się w każdej przeglądarce obrazów: no
supported not offeredMożliwości formatów zgodnie ze specyfikacją. Obsługa animowanego AVIF w komputerowych przeglądarkach obrazów i komunikatorach jest nadal nierówna.

GIF

Graphics Interchange Format

GIF został wprowadzony przez CompuServe w 1987 roku i nadal jest najszerzej obsługiwanym formatem krótkich, zapętlonych animacji. Jest bezstratny, ale ograniczony do palety 256 kolorów na klatkę, więc zdjęcia i gradienty wykazują pasma i dithering. Obsługuje tylko przezroczystość typu włącz/wyłącz (1-bitową), co powoduje poszarpane krawędzie zaokrąglonych kształtów. Animowane GIF-y są często znacznie większe niż ten sam fragment w MP4 lub WebP. Każda przeglądarka, komunikator i platforma społecznościowa odtwarza GIF-y.

Kompresja
Bezstratna
Przezroczystość
Tak
Animacja
Tak
Rok powstania
1987 · CompuServe
Konwerter GIF

AVIF

AV1 Image File Format

AVIF przechowuje obrazy nieruchome i sekwencje obrazów skompresowane kodekiem wideo AV1; został sfinalizowany przez Alliance for Open Media w 2019 roku. Zwykle daje mniejsze pliki niż JPEG i WebP przy tej samej jakości wizualnej oraz obsługuje przezroczystość, animację, szeroką gamę kolorów i HDR. Kodowanie jest wolniejsze niż w starszych formatach, a bardzo drobne tekstury przy niskiej jakości mogą wyglądać na wygładzone. Wszystkie główne przeglądarki wyświetlają już AVIF, ale wiele aplikacji na komputery, platform społecznościowych i starszych urządzeń go nie otworzy.

Kompresja
Stratna lub bezstratna
Przezroczystość
Tak
Animacja
Tak
Rok powstania
2019 · Alliance for Open Media
Konwerter AVIF

GIF zamienia się na AVIF, gdy właściciel strony walczy o jej wagę: pętle w nagłówkach, dema produktów i prezentacje interfejsu zachowują autoodtwarzanie w znaczniku img, a rozmiar plików mocno spada i znika pasmowanie wynikające z 256 kolorów.

Kiedy animowany AVIF jest właściwym zamiennikiem

AVIF sprawdzi się przy

  • Pętle w nagłówkach i sekcjach funkcji na własnej stronie
  • Dema interfejsu produktu z gradientami i cieniami
  • Stron ocenianych pod kątem czasu ładowania i Core Web Vitals
  • Animacji wymagających miękkich, przezroczystych krawędzi

GIF zostaw dla

  • Newsletterów e-mail i podpisów
  • Forów i komunikatorów, które pokazują podgląd tylko GIF-ów
  • Przesyłania do starszych instalacji CMS
  • Odbiorców, którzy będą później edytować klatki

Wyświetlanie animowanego AVIF z formatem zapasowym

Aktualne wersje Chrome, Edge, Firefoksa i Safari odtwarzają animowany AVIF; Firefox dodał animację jako ostatni, w wersji 113. Publikacja w elemencie picture z GIF-em jako rozwiązaniem zapasowym nic nie kosztuje i chroni starsze przeglądarki. Kodowanie AVIF jest wolniejsze niż zapis GIF-a, więc długi klip konwertuje się zauważalnie dłużej niż do WebP.

Jeśli pętla trafia do komunikatora, a nie na Twoją stronę, bezpieczniejszy jest plik wideo: GIF do MP4 odtworzy się wszędzie. Przewodnik po AVIF, HEIC i WebP szczegółowo porównuje te trzy nowoczesne formaty obrazów.

Pytania o konwersję GIF na AVIF

Czy animowany AVIF zapętla się tak jak GIF?

Tak. Opcja Zapętlenie jest ustawiona na zapętlenie bez końca, a przeglądarki powtarzają sekwencję obrazów AVIF tak samo jak GIF w znaczniku img, bez elementów sterujących i bez dźwięku. Wybierz odtworzenie raz, jeśli animacja otwierająca ma zatrzymać się na ostatniej klatce.

Dlaczego mój AVIF pokazuje tylko pierwszą klatkę?

Przeglądarka plików obsługuje statyczny AVIF, ale nie sekwencje obrazów AVIF. Tak działają starsze przeglądarki obrazów i wersje Firefoksa przed 113, wydaną w 2023 roku. Otwórz plik w aktualnym Chrome, Edge, Firefoksie lub Safari, aby sprawdzić animację.

Czy AVIF zachowa przezroczyste tło z GIF-a?

Format AVIF obsługuje pełny kanał alfa, więc przezroczystość jest znacznie lepsza niż w GIF-ie, gdzie piksel jest albo przezroczysty, albo nie. Przed publikacją sprawdź wynik na kolorowym lub szachownicowym tle, ponieważ kolor tła wklejony w oryginalnym GIF-ie nadal będzie widoczny.

Czy mogę przesłać animowany AVIF do WordPressa?

WordPress 6.5, wydany w 2024 roku, dodał AVIF do biblioteki mediów, o ile biblioteka obrazów na serwerze go obsługuje. Starsze instalacje odrzucają takie pliki; wtedy zostaw GIF albo użyj GIF do WebP, co WordPress akceptuje od wersji 5.8.

Jak wyświetlić AVIF z GIF-em jako rozwiązaniem zapasowym?

Umieść oba pliki w elemencie picture: znacznik source z type image/avif wskazujący na AVIF, a potem znacznik img z GIF-em. Przeglądarki dekodujące AVIF pobiorą mały plik, a pozostałe wyświetlą GIF bez uszkodzonego obrazka.