UltKit

GIF til AVIF-konverter

En animert AVIF spilles av som en GIF i en bildetagg, men er komprimert med videokodeken AV1, så den samme loopen bruker bare en brøkdel av bytene på en nettside.

Videokonverterer

eller slipp MP4, MOV, MKV …-filer her ·

Maks 95 MB per fil· Opptil 20 filer· Slettes etter 30 minutter

Resultat

Filene behandles på serverne våre og slettes etter 30 minutter.

Slik bruker du dette verktøyet

  1. 1

    Legg til GIF-ene dine

    Last opp opptil 20 animerte GIF-er, 95 MB hver. Korte MP4- eller WebM-klipp kan også konverteres direkte til animert AVIF.

  2. 2

    Angi bredden

    Animert utdata starter med en Bredde på 480 px. Skriv inn GIF-ens egen bredde under Avanserte innstillinger hvis du vil beholde den uten skalering. Gjenta står på Gjenta for alltid.

  3. 3

    Konverter til AVIF

    Trykk på Konverter til AVIF og last ned .avif-filene, klare til å brukes i et picture-element på nettstedet ditt.

Hvorfor konvertere GIF til AVIF for et nettsted

GIF lagrer hvert bilde som et eget bilde med 256 farger. En produktdemo eller skjermopptak på noen sekunder kan veie flere megabyte, og på en landingsside veier dette ene bildet ofte mer enn all koden. Googles Lighthouse-revisjon har en egen sjekk, «Use video formats for animated content», rettet mot akkurat slike filer.

AVIF ble ferdigstilt av Alliance for Open Media i 2019 som et stillbildeformat bygget på videokodeken AV1, i HEIF-containeren. En animert AVIF er en AV1-bildesekvens: senere bilder predikeres fra tidligere, akkurat som i en videofil, så bare endringen mellom bildene koster bits.

GIF mot animert AVIF: hva formatet tilfører

from ↓ · to →Mer enn 256 farger per bildeMyke alfakanterBevegelsesprediktert bilder10-bit colorÅpnes i alle bildeviser-programmer
GIF– GIF to Mer enn 256 farger per bilde: no– GIF to Myke alfakanter: no– GIF to Bevegelsesprediktert bilder: no– GIF to 10-bit color: noGIF to Åpnes i alle bildeviser-programmer: yes
Animert AVIFAnimert AVIF to Mer enn 256 farger per bilde: yesAnimert AVIF to Myke alfakanter: yesAnimert AVIF to Bevegelsesprediktert bilder: yesAnimert AVIF to 10-bit color: yes– Animert AVIF to Åpnes i alle bildeviser-programmer: no
supported not offeredFormatets egenskaper slik de er spesifisert. Støtten for animert AVIF i bildeviser-programmer på datamaskin og i chat-apper er fortsatt ujevn.

GIF

Graphics Interchange Format

GIF ble introdusert av CompuServe i 1987 og er fortsatt det best støttede formatet for korte animasjoner i løkke. Det er tapsfritt, men begrenset til en palett på 256 farger per bilde, så bilder og fargeoverganger får synlige striper og dithering. Det støtter bare av/på-gjennomsiktighet (1 bit), noe som gir hakkete kanter på buede former. Animerte GIF-er er ofte mye større enn det samme klippet som MP4 eller WebP. Alle nettlesere, chat-apper og sosiale plattformer spiller av GIF-er.

Komprimering
Tapsfri
Gjennomsiktighet
Ja
Animasjon
Ja
Introdusert
1987 · CompuServe
GIF-konverterer

AVIF

AV1 Image File Format

AVIF lagrer stillbilder og bildesekvenser komprimert med videokodeken AV1, og ble ferdigstilt av Alliance for Open Media i 2019. Det gir vanligvis mindre filer enn både JPEG og WebP ved samme visuelle kvalitet, og støtter gjennomsiktighet, animasjon, bredt fargerom og HDR. Koding er tregere enn med eldre formater, og svært fine teksturer kan se utglattet ut ved lav kvalitet. Alle store nettlesere viser nå AVIF, men mange skrivebordsprogrammer, sosiale plattformer og eldre enheter kan ikke åpne det.

Komprimering
Med tap eller tapsfri
Gjennomsiktighet
Ja
Animasjon
Ja
Introdusert
2019 · Alliance for Open Media
AVIF-konverterer

GIF blir AVIF når en nettstedeier jakter på sidevekt: hero-løkker, produktdemoer og gjennomgang av grensesnitt beholder autoavspillingen i bildetag, mens filstørrelsen faller kraftig og fargebåndene fra 256-fargepaletten forsvinner.

Når animert AVIF er riktig erstatning

AVIF fungerer godt for

  • Hero- og funksjonsløkker på eget nettsted
  • Demoer av produktgrensesnitt med gradienter og skygger
  • Sider som vurderes på lastetid og Core Web Vitals
  • Animasjoner som trenger myke, gjennomsiktige kanter

Behold GIF for

  • E-postnyhetsbrev og signaturer
  • Forum og chat-apper som bare forhåndsviser GIF
  • Opplasting til eldre CMS-installasjoner
  • Mottakere som skal redigere bildene senere

Levere animert AVIF med reserve

Nåværende versjoner av Chrome, Edge, Firefox og Safari spiller alle av animert AVIF. Firefox var den siste som la til animasjon, i versjon 113. Å publisere den i et picture-element med GIF som reserve koster ingenting og beskytter eldre nettlesere. AVIF-koding er tregere enn å skrive en GIF, så regn med at et langt klipp tar merkbart lengre tid å konvertere enn det ville gjort som WebP.

Hvis løkken skal til en chat-app i stedet for til ditt eget nettsted, er en videofil tryggere: GIF til MP4 spilles av overalt. Guiden om AVIF, HEIC og WebP sammenligner de tre moderne bildeformatene i detalj.

Spørsmål om GIF til AVIF

Går en animert AVIF i loop slik en GIF gjør?

Ja. Alternativet Gjenta er satt til Gjenta for alltid, og nettlesere spiller av en AVIF-bildesekvens i løkke akkurat som en GIF i en img-tag, uten kontroller og uten lyd. Velg Spill én gang for en introanimasjon som skal stoppe på siste bilde.

Hvorfor viser AVIF-filen bare den første rammen?

Visningsprogrammet støtter vanlig AVIF, men ikke AVIF-bildesekvenser. Eldre bildevisere og Firefox-versjoner før 113, utgitt i 2023, oppfører seg slik. Åpne filen i en nyere versjon av Chrome, Edge, Firefox eller Safari for å sjekke animasjonen.

Beholder AVIF-filen den gjennomsiktige bakgrunnen fra GIF-en?

AVIF-formatet støtter en full alfakanal, så det håndterer gjennomsiktighet langt bedre enn GIF, der piksler bare er av eller på. Sjekk resultatet mot en farget eller rutete bakgrunn før publisering, siden en innlagt bakgrunnsfarge fra den opprinnelige GIF-en forblir synlig.

Kan jeg laste opp animert AVIF til WordPress?

WordPress 6.5, utgitt i 2024, la til AVIF i mediebiblioteket, forutsatt at bildebiblioteket på serveren støtter det. Eldre installasjoner avviser opplastingen. Behold i så fall GIF-en eller bruk GIF til WebP, som WordPress har godtatt siden 5.8.

Hvordan viser jeg AVIF-filen med GIF som reserve?

Legg begge i et picture-element: en source-tag med type image/avif som peker til AVIF-filen, deretter en img-tag med GIF-en. Nettlesere som kan dekode AVIF bruker den lille filen, og alt annet faller tilbake til GIF-en uten ødelagt bilde.