UltKit

GIF naar AVIF converteren

Een geanimeerde AVIF speelt in een img-tag af zoals een GIF, maar is gecomprimeerd met de AV1-videocodec. Dezelfde loop kost op een webpagina daardoor maar een fractie van de bytes.

Videoconverter

of sleep MP4, MOV, MKV …-bestanden hierheen ·

Max. 95 MB per bestand· Tot 20 bestanden· Verwijderd na 30 minuten

Uitvoer

Bestanden worden op onze servers verwerkt en na 30 minuten verwijderd.

Zo gebruikt u deze tool

  1. 1

    Voeg uw GIF's toe

    Upload maximaal 20 geanimeerde GIF's van elk maximaal 95 MB. Korte MP4- of WebM-clips kunnen ook direct worden omgezet naar geanimeerde AVIF.

  2. 2

    Stel de breedte in

    Geanimeerde uitvoer begint bij een Breedte van 480 px. Vul onder Geavanceerde instellingen de eigen breedte van de GIF in als u die onveranderd wilt houden; Herhalen blijft op Eindeloos herhalen staan.

  3. 3

    Converteren naar AVIF

    Klik op Converteren naar AVIF en download de .avif-bestanden, klaar om in een picture-element op uw site te plaatsen.

Waarom GIF naar AVIF omzetten voor een website

GIF slaat elk frame op als een aparte afbeelding met 256 kleuren. Een productdemo of schermopname van enkele seconden kan al meerdere megabytes wegen, en op een landingspagina is die ene afbeelding vaak zwaarder dan alle code samen. De Lighthouse-audit van Google heeft een aparte controle, "Use video formats for animated content", precies voor deze bestanden.

AVIF werd in 2019 door de Alliance for Open Media afgerond als formaat voor stilstaande beelden, gebaseerd op de AV1-videocodec en verpakt in de HEIF-container. Een geanimeerde AVIF is een AV1-beeldreeks: latere frames worden voorspeld uit eerdere, precies zoals in een videobestand, dus alleen het verschil tussen frames kost bits.

GIF of geanimeerde AVIF: wat het formaat toevoegt

from ↓ · to →Meer dan 256 kleuren per frameZachte alfa-randenFrames met bewegingsvoorspelling10-bit colorOpent in elke afbeeldingsviewer
GIF– GIF to Meer dan 256 kleuren per frame: no– GIF to Zachte alfa-randen: no– GIF to Frames met bewegingsvoorspelling: no– GIF to 10-bit color: noGIF to Opent in elke afbeeldingsviewer: yes
Geanimeerde AVIFGeanimeerde AVIF to Meer dan 256 kleuren per frame: yesGeanimeerde AVIF to Zachte alfa-randen: yesGeanimeerde AVIF to Frames met bewegingsvoorspelling: yesGeanimeerde AVIF to 10-bit color: yes– Geanimeerde AVIF to Opent in elke afbeeldingsviewer: no
supported not offeredMogelijkheden van het formaat volgens de specificatie. Ondersteuning voor geanimeerde AVIF in desktopviewers en chat-apps is nog wisselend.

GIF

Graphics Interchange Format

GIF werd in 1987 door CompuServe geïntroduceerd en is nog steeds het meest ondersteunde formaat voor korte, herhalende animaties. Het is verliesvrij, maar beperkt tot een palet van 256 kleuren per frame, waardoor foto's en kleurverlopen banding en dithering tonen. Het ondersteunt alleen aan/uit-transparantie (1 bit), wat grillige randen geeft bij ronde vormen. Geanimeerde GIF's zijn vaak veel groter dan dezelfde clip als MP4 of WebP. Elke browser, chatapp en sociaal platform speelt GIF's af.

Compressie
Zonder verlies
Transparantie
Ja
Animatie
Ja
Geïntroduceerd
1987 · CompuServe
GIF-converter

AVIF

AV1 Image File Format

AVIF slaat stilstaande beelden en beeldreeksen op die zijn gecomprimeerd met de AV1-videocodec, en werd in 2019 afgerond door de Alliance for Open Media. Het levert bij dezelfde visuele kwaliteit meestal kleinere bestanden op dan JPEG en WebP en ondersteunt transparantie, animatie, een breed kleurgamma en HDR. Coderen gaat trager dan bij oudere formaten en zeer fijne texturen kunnen bij lage kwaliteit gladgestreken ogen. Alle grote browsers tonen AVIF nu, maar veel desktopapps, sociale platforms en oudere apparaten kunnen het niet openen.

Compressie
Met of zonder verlies
Transparantie
Ja
Animatie
Ja
Geïntroduceerd
2019 · Alliance for Open Media
AVIF-converter

GIF wordt AVIF als een site-eigenaar de paginagrootte wil verkleinen: hero-loops, productdemo's en uitleg van interfaces blijven automatisch afspelen als een afbeelding, terwijl het aantal bytes sterk daalt en de banding door 256 kleuren verdwijnt.

Wanneer geanimeerde AVIF de juiste vervanger is

AVIF werkt goed voor

  • Hero- en feature-loops op uw eigen website
  • Productdemo's van interfaces met verlopen en schaduwen
  • Pagina's die worden beoordeeld op laadtijd en Core Web Vitals
  • Animaties die zachte transparante randen nodig hebben

Houd de GIF voor

  • E-mailnieuwsbrieven en handtekeningen
  • Forums en chat-apps die alleen GIF tonen als voorvertoning
  • Uploads naar oudere CMS-installaties
  • Ontvangers die de frames later willen bewerken

Geanimeerde AVIF aanbieden met een terugvaloptie

Actuele versies van Chrome, Edge, Firefox en Safari spelen allemaal geanimeerde AVIF af; Firefox voegde als laatste animatie toe, in versie 113. Publiceren in een picture-element met de GIF als terugvaloptie kost niets en beschermt oudere browsers. AVIF coderen gaat trager dan een GIF schrijven, dus een lange clip kost merkbaar meer tijd dan als WebP.

Gaat de loop naar een chat-app in plaats van naar uw eigen site, dan is een videobestand veiliger: GIF naar MP4 speelt overal af. De gids over AVIF, HEIC en WebP vergelijkt de drie moderne afbeeldingsformaten uitgebreid.

Vragen over GIF naar AVIF

Speelt een geanimeerde AVIF in een lus af zoals een GIF?

Ja. De optie Herhalen staat op Eindeloos herhalen, en browsers herhalen een AVIF-beeldreeks net als een GIF in een img-tag, zonder bediening en zonder geluid. Kies Eén keer afspelen voor een intro-animatie die op het laatste frame moet stoppen.

Waarom toont mijn AVIF alleen het eerste frame?

De viewer begrijpt stilstaande AVIF, maar geen AVIF-beeldreeksen. Oudere afbeeldingsviewers en Firefox-versies vóór 113, uitgebracht in 2023, gedragen zich zo. Open het bestand in een actuele versie van Chrome, Edge, Firefox of Safari om de animatie te controleren.

Behoudt de AVIF de transparante achtergrond van mijn GIF?

Het AVIF-formaat ondersteunt een volledig alfakanaal en kan transparantie daardoor veel beter vastleggen dan de aan-of-uit-pixels van GIF. Controleer het resultaat vóór het publiceren op een gekleurde of geblokte achtergrond, want een ingebakken matte kleur uit de originele GIF blijft zichtbaar.

Kan ik een geanimeerde AVIF uploaden naar WordPress?

WordPress 6.5, uitgebracht in 2024, heeft AVIF aan de mediabibliotheek toegevoegd, mits de afbeeldingsbibliotheek van de server dit ondersteunt. Oudere installaties weigeren de upload; houd dan de GIF aan of gebruik GIF naar WebP, dat WordPress sinds 5.8 accepteert.

Hoe toon ik de AVIF met een GIF als terugvaloptie?

Plaats beide in een picture-element: een source-tag met type image/avif die naar de AVIF verwijst, gevolgd door een img-tag met de GIF. Browsers die AVIF decoderen nemen het kleine bestand, en alle andere vallen terug op de GIF zonder kapot beeld.