UltKit

Převod GIF do AVIF

Animovaný AVIF se v tagu obrázku přehrává jako GIF, ale je komprimovaný videokodekem AV1, takže stejná smyčka zabere na webové stránce jen zlomek dat.

Převodník videa

nebo sem přetáhněte soubory MP4, MOV, MKV … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

  1. 1

    Přidejte GIFy

    Nahrajte až 20 animovaných GIFů, každý do 95 MB. Krátké klipy MP4 nebo WebM lze také rovnou převést na animované AVIF.

  2. 2

    Nastavte šířku

    Animovaný výstup začíná na Šířka 480 px. Pokud GIF nechcete zmenšovat, zadejte jeho vlastní šířku v Pokročilá nastavení; Smyčka zůstává nastavená na Opakovat donekonečna.

  3. 3

    Převeďte do AVIF

    Klikněte na Převést na AVIF a stáhněte soubory .avif, které můžete rovnou vložit do prvku picture na svém webu.

Proč na webu převést GIF do AVIF

GIF ukládá každý snímek jako samostatný obrázek o 256 barvách. Ukázka produktu nebo nahrávka obrazovky o délce několika sekund může mít několik megabajtů a na vstupní stránce takový obrázek často váží víc než veškerý kód. Audit Google Lighthouse má pro tyto soubory zvláštní kontrolu „Use video formats for animated content“.

AVIF dokončila organizace Alliance for Open Media v roce 2019 jako formát statických obrázků postavený na videokodeku AV1 v kontejneru HEIF. Animované AVIF je sekvence obrázků AV1: pozdější snímky se předpovídají z předchozích, přesně jako ve videu, takže data stojí jen změna mezi snímky.

GIF vs. animovaný AVIF: co formát přináší

from ↓ · to →Více než 256 barev na snímekHladké okraje alfa kanáluSnímky předpovídané z pohybu10-bit colorOtevře se v každém prohlížeči obrázků
GIF– GIF to Více než 256 barev na snímek: no– GIF to Hladké okraje alfa kanálu: no– GIF to Snímky předpovídané z pohybu: no– GIF to 10-bit color: noGIF to Otevře se v každém prohlížeči obrázků: yes
Animované AVIFAnimované AVIF to Více než 256 barev na snímek: yesAnimované AVIF to Hladké okraje alfa kanálu: yesAnimované AVIF to Snímky předpovídané z pohybu: yesAnimované AVIF to 10-bit color: yes– Animované AVIF to Otevře se v každém prohlížeči obrázků: no
supported not offeredMožnosti formátu podle specifikace. Podpora animovaného AVIF v desktopových prohlížečích obrázků a chatovacích aplikacích je stále nevyrovnaná.

GIF

Graphics Interchange Format

GIF zavedla společnost CompuServe v roce 1987 a dodnes je nejrozšířenějším formátem pro krátké opakující se animace. Je bezeztrátový, ale omezený na paletu 256 barev na snímek, takže fotografie a přechody vykazují pruhování a rastrování. Podporuje jen průhlednost zapnuto/vypnuto (1 bit), což u oblých tvarů zanechává zubaté okraje. Animované GIFy bývají mnohem větší než stejný klip v MP4 nebo WebP. GIFy přehraje každý prohlížeč, chatovací aplikace i sociální síť.

Komprese
Bezztrátová
Průhlednost
Ano
Animace
Ano
Představeno
1987 · CompuServe
Převodník GIF

AVIF

AV1 Image File Format

AVIF ukládá statické obrázky a sekvence obrázků komprimované videokodekem AV1; finalizovala ho Alliance for Open Media v roce 2019. Při stejné vizuální kvalitě obvykle vytváří menší soubory než JPEG i WebP a podporuje průhlednost, animaci, široký barevný gamut a HDR. Kódování je pomalejší než u starších formátů a velmi jemné textury mohou při nízké kvalitě vypadat vyhlazeně. AVIF dnes zobrazují všechny hlavní prohlížeče, ale řada počítačových aplikací, sociálních platforem a starších zařízení ho otevřít neumí.

Komprese
Ztrátová i bezztrátová
Průhlednost
Ano
Animace
Ano
Představeno
2019 · Alliance for Open Media
Převodník AVIF

GIF se mění na AVIF tehdy, když majitel webu řeší velikost stránky: úvodní smyčky, ukázky produktů a průvodci rozhraním si zachovají chování automaticky přehrávaného obrázku, zatímco objem dat výrazně klesne a zmizí pruhování způsobené 256 barvami.

Kdy je animovaný AVIF správnou náhradou

AVIF se hodí pro

  • Úvodní a ukázkové smyčky na vlastním webu
  • Ukázky uživatelského rozhraní s přechody a stíny
  • Stránky hodnocené podle rychlosti načtení a Core Web Vitals
  • Animace, které potřebují jemné průhledné okraje

GIF ponechte pro

  • E-mailové newslettery a podpisy
  • Fóra a chatovací aplikace, které zobrazují náhled jen u GIFu
  • Nahrávání do starších instalací CMS
  • Příjemce, kteří budou snímky později upravovat

Jak nasadit animovaný AVIF se záložním formátem

Aktuální verze Chromu, Edge, Firefoxu i Safari animované AVIF přehrávají; Firefox animaci přidal jako poslední, ve verzi 113. Zveřejnění v prvku picture s GIFem jako záložní variantou nic nestojí a chrání starší prohlížeče. Kódování AVIF je pomalejší než zápis GIFu, takže dlouhý klip se bude převádět znatelně déle než do WebP.

Pokud smyčka míří do chatovací aplikace, a ne na váš web, je bezpečnější videosoubor: GIF do MP4 se přehraje všude. Průvodce AVIF, HEIC a WebP podrobně srovnává tři moderní obrazové formáty.

Otázky k převodu GIF do AVIF

Bude se animovaný AVIF opakovat ve smyčce jako GIF?

Ano. Volba Smyčka je nastavená na Opakovat donekonečna a prohlížeče přehrávají sekvenci obrázků AVIF v opakování stejně jako GIF ve značce img, bez ovládacích prvků a bez zvuku. Pro úvodní animaci, která má zůstat na posledním snímku, zvolte Přehrát jednou.

Proč se z mého AVIF zobrazuje jen první snímek?

Prohlížeč umí statické AVIF, ale ne sekvence obrázků AVIF. Takto se chovají starší prohlížeče obrázků a verze Firefoxu před 113, vydanou v roce 2023. Animaci ověřte v aktuálním Chromu, Edge, Firefoxu nebo Safari.

Zachová AVIF průhledné pozadí mého GIFu?

Formát AVIF podporuje plný alfa kanál, takže udrží průhlednost mnohem lépe než GIF s pixely jen zapnutými či vypnutými. Před zveřejněním zkontrolujte výsledek na barevném nebo šachovnicovém pozadí, protože vložená podkladová barva z původního GIFu zůstane viditelná.

Mohu animovaný AVIF nahrát do WordPressu?

WordPress 6.5, vydaný v roce 2024, přidal AVIF do knihovny médií, pokud to podporuje obrazová knihovna serveru. Starší instalace nahrání odmítnou; v takovém případě ponechte GIF nebo použijte GIF do WebP, který WordPress přijímá od verze 5.8.

Jak zobrazit AVIF se záložním GIFem?

Oba soubory vložte do prvku picture: značka source s type image/avif odkazující na AVIF a poté značka img s GIFem. Prohlížeče, které AVIF dekódují, použijí malý soubor, ostatní přejdou na GIF bez rozbitého obrázku.