UltKit

Prevod GIF na AVIF

Animovaný AVIF sa v značke obrázka prehráva ako GIF, no je komprimovaný videokodekom AV1, takže rovnaká slučka zaberie na webovej stránke len zlomok bajtov.

Video Converter

alebo sem presuňte súbory MP4, MOV, MKV … ·

Max. 95 MB na súbor· Až 20 súborov· Odstránenie po 30 minútach

Output

Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.

Ako používať tento nástroj

  1. 1

    Pridajte súbory GIF

    Nahrajte až 20 animovaných GIF súborov, každý do 95 MB. Krátke klipy MP4 alebo WebM môžete previesť priamo na animované AVIF.

  2. 2

    Nastavte šírku

    Animovaný výstup začína so Šírka 480 px. Ak ho chcete bez zmeny veľkosti, zadajte pôvodnú šírku GIF v časti Rozšírené nastavenia; Loop zostáva nastavené na nekonečné opakovanie.

  3. 3

    Preveďte na AVIF

    Kliknite na Previesť na AVIF a stiahnite súbory .avif, ktoré môžete rovno vložiť do prvku picture na svojom webe.

Prečo previesť GIF na AVIF pre webovú stránku

GIF ukladá každé políčko ako samostatný 256-farebný obrázok. Ukážka produktu alebo záznam obrazovky dlhý niekoľko sekúnd môže mať niekoľko megabajtov a na vstupnej stránke tento jediný obrázok často váži viac než všetok kód. Audit Google Lighthouse má na takéto súbory samostatnú kontrolu „Use video formats for animated content“.

AVIF dokončila organizácia Alliance for Open Media v roku 2019 ako formát statických obrázkov postavený na video kodeku AV1 v kontajneri HEIF. Animovaný AVIF je sekvencia obrázkov AV1: neskoršie políčka sa predpovedajú z predchádzajúcich, rovnako ako vo videosúbore, takže bity stojí len zmena medzi políčkami.

GIF verzus animovaný AVIF: čo formát pridáva

from ↓ · to →Viac než 256 farieb na políčkoHladké alfa okrajePolíčka predpovedané z pohybu10-bit colorOtvorí sa v každom prehliadači obrázkov
GIF– GIF to Viac než 256 farieb na políčko: no– GIF to Hladké alfa okraje: no– GIF to Políčka predpovedané z pohybu: no– GIF to 10-bit color: noGIF to Otvorí sa v každom prehliadači obrázkov: yes
Animovaný AVIFAnimovaný AVIF to Viac než 256 farieb na políčko: yesAnimovaný AVIF to Hladké alfa okraje: yesAnimovaný AVIF to Políčka predpovedané z pohybu: yesAnimovaný AVIF to 10-bit color: yes– Animovaný AVIF to Otvorí sa v každom prehliadači obrázkov: no
supported not offeredMožnosti formátov podľa špecifikácie. Podpora animovaného AVIF v desktopových prehliadačoch obrázkov a chatovacích aplikáciách je stále nerovnomerná.

GIF

Graphics Interchange Format

GIF predstavila spoločnosť CompuServe v roku 1987 a dodnes je to najšpičkovejšie podporovaný formát krátkych opakujúcich sa animácií. Je bezstratový, ale obmedzený na paletu 256 farieb na snímku, takže fotografie a farebné prechody vykazujú pruhovanie a rozptyľovanie. Podporuje len priehľadnosť zap/vyp (1-bit), čo zanecháva zubaté okraje na oblých tvaroch. Animované GIFy bývajú oveľa väčšie než rovnaký klip v MP4 alebo WebP. GIFy prehrá každý prehliadač, chatovacia aplikácia aj sociálna sieť.

Kompresia
Bezstratová
Priehľadnosť
Áno
Animácia
Áno
Rok vzniku
1987 · CompuServe
Konvertor GIF

AVIF

AV1 Image File Format

AVIF ukladá statické obrázky a sekvencie obrázkov komprimované video kodekom AV1; združenie Alliance for Open Media ho dokončilo v roku 2019. Pri rovnakej vizuálnej kvalite zvyčajne vytvára menšie súbory než JPEG aj WebP a podporuje priehľadnosť, animáciu, široký farebný gamut a HDR. Kódovanie je pomalšie než pri starších formátoch a pri nízkej kvalite môžu veľmi jemné textúry vyzerať vyhladene. Všetky hlavné prehliadače už AVIF zobrazujú, no mnohé stolové aplikácie, sociálne platformy a staršie zariadenia ho otvoriť nevedia.

Kompresia
So stratou alebo bezstratová
Priehľadnosť
Áno
Animácia
Áno
Rok vzniku
2019 · Alliance for Open Media
Konvertor AVIF

GIF sa mení na AVIF, keď majiteľ webu rieši veľkosť stránky: úvodné slučky, ukážky produktov a návody k rozhraniu si zachovajú správanie automaticky prehrávaného obrázka, no objem dát prudko klesne a zmizne pruhovanie z 256 farieb.

Kedy je animovaný AVIF správnou náhradou

AVIF sa hodí na

  • Úvodné a ukážkové slučky na vlastnom webe
  • Ukážky rozhrania produktu s prechodmi a tieňmi
  • Stránky hodnotené podľa rýchlosti načítania a Core Web Vitals
  • Animácie s jemnými priehľadnými okrajmi

GIF ponechajte pre

  • E-mailové newslettre a podpisy
  • Fóra a chatovacie aplikácie, ktoré zobrazujú náhľad len pre GIF
  • Nahrávanie do starších inštalácií CMS
  • Príjemcov, ktorí budú políčka neskôr upravovať

Ako poskytovať animovaný AVIF so záložným formátom

Aktuálne verzie Chrome, Edge, Firefoxu a Safari prehrávajú animovaný AVIF; Firefox pridal animáciu ako posledný, vo verzii 113. Zverejnenie v prvku picture s GIF ako náhradou nič nestojí a chráni staršie prehliadače. Kódovanie AVIF je pomalšie než zápis GIF, takže dlhší klip sa bude prevádzať citeľne dlhšie než na WebP.

Ak slučka smeruje do chatovacej aplikácie a nie na váš web, bezpečnejší je videosúbor: GIF do MP4 sa prehrá všade. Sprievodca AVIF, HEIC a WebP podrobne porovnáva tri moderné formáty obrázkov.

Otázky o prevode GIF na AVIF

Bude sa animovaný AVIF opakovať v slučke ako GIF?

Áno. Možnosť Loop je nastavená na nekonečné opakovanie a prehliadače opakujú sekvenciu obrázkov AVIF rovnako ako GIF v značke img, bez ovládacích prvkov a bez zvuku. Ak má úvodná animácia zastaviť na poslednom políčku, zvoľte jedno prehratie.

Prečo sa v AVIF zobrazuje iba prvá snímka?

Prehliadač rozumie statickému AVIF, ale nie sekvenciám obrázkov AVIF. Takto sa správajú staršie prehliadače obrázkov a verzie Firefoxu pred 113, vydanou v roku 2023. Animáciu skontrolujte v aktuálnom Chrome, Edge, Firefoxe alebo Safari.

Zachová AVIF priehľadné pozadie môjho GIF?

Formát AVIF podporuje plný alfa kanál, takže udrží priehľadnosť oveľa lepšie ako pixely GIF, ktoré sú buď zapnuté, alebo vypnuté. Pred zverejnením skontrolujte výsledok na farebnom alebo šachovnicovom pozadí, lebo farba pozadia vložená do pôvodného GIF zostane viditeľná.

Môžem nahrať animovaný AVIF do WordPressu?

WordPress 6.5, vydaný v roku 2024, pridal AVIF do knižnice médií, ak to podporuje obrazová knižnica servera. Staršie inštalácie nahratie odmietnu; vtedy ponechajte GIF alebo použite GIF do WebP, ktorý WordPress akceptuje od verzie 5.8.

Ako zobraziť AVIF so záložným GIF?

Oba súbory vložte do prvku picture: značka source s type image/avif smerujúca na AVIF a potom značka img s GIF. Prehliadače, ktoré AVIF dekódujú, použijú malý súbor, ostatné sa vrátia ku GIF bez pokazeného obrázka.