UltKit

Konvertera GIF till AVIF

En animerad AVIF spelas upp som en GIF i en img-tagg men komprimeras med videokodeken AV1, så samma loop tar bara en bråkdel av storleken på en webbsida.

Videokonverterare

eller släpp MP4, MOV, MKV …-filer här ·

Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter

Utdata

Filerna bearbetas på våra servrar och raderas efter 30 minuter.

Så använder du verktyget

  1. 1

    Lägg till dina GIF-filer

    Ladda upp upp till 20 animerade GIF-filer på 95 MB vardera. Korta MP4- eller WebM-klipp kan också konverteras direkt till animerad AVIF.

  2. 2

    Ange bredden

    Animerad utdata börjar med en Bredd på 480 px. Ange GIF-filens egen bredd under Avancerade inställningar om du vill behålla den oskalad. Upprepa står kvar på Upprepa i oändlighet.

  3. 3

    Konvertera till AVIF

    Klicka på Konvertera till AVIF och ladda ner .avif-filerna, redo att läggas in i ett picture-element på din webbplats.

Varför konvertera GIF till AVIF för en webbplats

GIF lagrar varje bildruta som en separat bild med 256 färger. En produktdemo eller skärminspelad genomgång på några sekunder kan väga flera megabyte, och på en landningssida väger den bilden ofta mer än all kod tillsammans. Googles Lighthouse-granskning har en särskild kontroll, "Use video formats for animated content", som riktar in sig på just sådana filer.

AVIF färdigställdes av Alliance for Open Media 2019 som ett stillbildsformat byggt på videokodeken AV1, i HEIF-behållaren. En animerad AVIF är en AV1-bildsekvens: senare bildrutor förutsägs utifrån tidigare, precis som i en videofil, så bara förändringen mellan bildrutorna kostar bitar.

GIF eller animerad AVIF: vad formatet tillför

from ↓ · to →Fler än 256 färger per bildrutaMjuka alfakanterRörelseförutsagda bildrutor10-bit colorÖppnas i alla bildvisare
GIF– GIF to Fler än 256 färger per bildruta: no– GIF to Mjuka alfakanter: no– GIF to Rörelseförutsagda bildrutor: no– GIF to 10-bit color: noGIF to Öppnas i alla bildvisare: yes
Animerad AVIFAnimerad AVIF to Fler än 256 färger per bildruta: yesAnimerad AVIF to Mjuka alfakanter: yesAnimerad AVIF to Rörelseförutsagda bildrutor: yesAnimerad AVIF to 10-bit color: yes– Animerad AVIF to Öppnas i alla bildvisare: no
supported not offeredFormatets egenskaper enligt specifikationen. Stödet för animerad AVIF i bildvisare på datorn och i chattappar är fortfarande ojämnt.

GIF

Graphics Interchange Format

GIF introducerades av CompuServe 1987 och är fortfarande det mest stödda formatet för korta animationer i loop. Det är förlustfritt men begränsat till en palett på 256 färger per bildruta, så foton och toningar får färgband och dithering. Det stöder bara transparens av/på (1 bit), vilket ger hackiga kanter på rundade former. Animerade GIF-filer är ofta mycket större än samma klipp som MP4 eller WebP. Alla webbläsare, chattappar och sociala plattformar spelar upp GIF.

Komprimering
Förlustfri
Transparens
Ja
Animation
Ja
Introducerades
1987 · CompuServe
GIF-omvandlare

AVIF

AV1 Image File Format

AVIF lagrar stillbilder och bildsekvenser komprimerade med videokodeken AV1 och slutfördes av Alliance for Open Media 2019. Det ger oftast mindre filer än både JPEG och WebP vid samma visuella kvalitet och stöder transparens, animation, brett färgomfång och HDR. Kodningen är långsammare än hos äldre format, och mycket fina texturer kan se utjämnade ut vid låg kvalitet. Alla större webbläsare visar numera AVIF, men många datorprogram, sociala plattformar och äldre enheter kan inte öppna det.

Komprimering
Förlustbaserad eller förlustfri
Transparens
Ja
Animation
Ja
Introducerades
2019 · Alliance for Open Media
AVIF-omvandlare

GIF blir AVIF när en webbplatsägare vill minska sidans vikt: hero-loopar, produktdemos och genomgångar av gränssnitt behåller sitt automatiska uppspelningsbeteende i bildtaggen medan antalet byte minskar kraftigt och färgbandningen från de 256 färgerna försvinner.

När animerad AVIF är rätt ersättare

AVIF fungerar bra för

  • Hero- och funktionsloopar på din egen webbplats
  • Demos av produktgränssnitt med toningar och skuggor
  • Sidor som bedöms på laddningstid och Core Web Vitals
  • Animationer som behöver mjuka, genomskinliga kanter

Behåll GIF för

  • E-postutskick och signaturer
  • Forum och chattappar som bara förhandsvisar GIF
  • Uppladdningar till äldre CMS-installationer
  • Mottagare som ska redigera bildrutorna senare

Visa animerad AVIF med en reservlösning

Aktuella versioner av Chrome, Edge, Firefox och Safari spelar alla upp animerad AVIF. Firefox var sist med att lägga till animation, i version 113. Att publicera den i ett picture-element med GIF som reserv kostar ingenting och skyddar äldre webbläsare. AVIF är långsammare att koda än att skriva en GIF, så räkna med att ett långt klipp tar märkbart längre tid att konvertera än till WebP.

Om loopen ska till en chattapp i stället för till din egen webbplats är en videofil säkrare: GIF till MP4 spelas upp överallt. Guiden om AVIF, HEIC och WebP jämför de tre moderna bildformaten i detalj.

Frågor om GIF till AVIF

Loopar en animerad AVIF på samma sätt som en GIF?

Ja. Alternativet Upprepa är inställt på Upprepa i oändlighet, och webbläsare upprepar en AVIF-bildsekvens precis som en GIF i en img-tagg, utan kontroller och utan ljud. Välj Spela en gång för en introanimation som ska stanna på sista bildrutan.

Varför visar min AVIF bara den första bildrutan?

Visningsprogrammet förstår stillbilds-AVIF men inte AVIF-bildsekvenser. Äldre bildvisare och Firefox-versioner före 113, som släpptes 2023, beter sig så. Öppna filen i en aktuell version av Chrome, Edge, Firefox eller Safari för att kontrollera animationen.

Behåller AVIF-filen den transparenta bakgrunden från min GIF?

AVIF-formatet stöder en full alfakanal och klarar därför transparens mycket bättre än GIF:s av/på-pixlar. Kontrollera resultatet mot en färgad eller rutig bakgrund innan du publicerar, eftersom en inbakad bakgrundsfärg från den ursprungliga GIF-filen förblir synlig.

Kan jag ladda upp animerad AVIF till WordPress?

WordPress 6.5, som släpptes 2024, lade till AVIF i mediebiblioteket, förutsatt att serverns bildbibliotek stöder det. Äldre installationer avvisar uppladdningen. Behåll i så fall GIF-filen eller använd GIF till WebP, som WordPress har accepterat sedan 5.8.

Hur visar jag AVIF-filen med en GIF som reserv?

Lägg båda i ett picture-element: en source-tagg med type image/avif som pekar på AVIF-filen, följd av en img-tagg med GIF-filen. Webbläsare som kan avkoda AVIF tar den lilla filen, och alla andra faller tillbaka på GIF utan trasig bild.