Gör en GIF av en video: storlek, bildfrekvens och loopar

GIF är äldre än webben. CompuServe publicerade den första versionen, GIF87a, 1987 som ett sätt att skicka stillbilder över uppringda anslutningar. Revisionen GIF89a från 1989 la till de två funktioner som gjorde animation möjlig: ett fördröjningsvärde för varje bildruta och en genomskinlig färg. Looping kom senare, 1995, när Netscape Navigator 2.0 började läsa ett litet programtillägg som anger hur många gånger animationen ska upprepas. Varje animerad GIF är fortfarande en GIF89a-fil med det blocket inuti, och därför spelas den upp i praktiskt taget alla webbläsare och e-postprogram.

Inuti är en GIF en samling indexerade bilder. Varje bildruta pekar på en färgtabell med högst 256 poster, så en ruta kan visa 256 olika färger och inte fler, trots att videon den kom från hade miljontals. Pixlarna komprimeras sedan med LZW, en förlustfri ordboksmetod som fungerar bra på jämna ytor i en enda färg och dåligt på fotografiskt brus, korn och toningar. LZW kastar inte bort något själv; förlusten sker tidigare, när miljontals färger pressas ner i paletten.

Det finns två saker till som en GIF inte kan innehålla. Den har inget ljudspår alls, så ljudet i videon försvinner helt. Och tidsstyrningen är grov: fördröjningar lagras i hundradels sekunder, och de flesta webbläsare behandlar en fördröjning på 0 eller 1 hundradel som 10 hundradelar, så en GIF byggd med 50 bilder/s eller mer spelas långsammare, inte mjukare. I praktiken är 10 till 25 bilder/s det användbara intervallet.

En modern videokodek som H.264 lagrar en hel bild bara då och då och beskriver de flesta rutor som små förändringar från den föregående. GIF kan göra lite av det genom att bara uppdatera en rektangel av föregående ruta, men har inget som liknar rörelseprediktion. Så fort kameran rör sig ändras nästan varje pixel, och varje ruta lagras nästan i sin helhet. Därför kan ett 2 MB stort telefonklipp bli en GIF på 15 MB, medan en skärminspelning av en mus som rör sig över ett stillastående fönster förblir liten.

Storleken på en GIF är ungefär bredd gånger höjd gånger antal bildrutor, med rabatt för hur mycket som står still mellan rutorna. Det gör det lätt att rangordna reglagen. Längden minskar rutorna ett till ett: fyra sekunder i stället för åtta halverar filen. Bredden minskar pixlarna kvadratiskt: från 640 px till 320 px återstår en fjärdedel av pixlarna i varje ruta. Bildfrekvensen minskar rutorna linjärt igen, och 12 bilder/s klarar sig förvånansvärt bra för gester och ansikten. Färre färger hjälper mindre än man tror, oftast 10 till 30 procent, eftersom LZW bryr sig mer om upprepade mönster än om palettens storlek.

Dithering är avvägningen som förvirrar flest. Den sprider punkter av närliggande palettfärger för att efterlikna nyanser som paletten saknar, vilket döljer bandning i himmel och hud men lägger till ett fint brus som LZW komprimerar dåligt. Stäng av den för skärminspelningar, tecknat och gränssnittsdemos, där jämn färg ändå är sanningen, och behåll den för verkligt filmat material. Beskärning är det sista reglaget: att ta bort en statisk kant eller svarta fält tar bort pixlar utan att röra motivet.

De flesta GIF-filer som delas är ett enda moment: en reaktion, ett mål, ett knapptryck och skärmen som följer. Titta på videon en gång med ett stoppur i huvudet och notera sekunden där momentet börjar och sekunden där det tydligt har landat, och lägg sedan till några bildrutor på varje sida så att loopen inte känns avklippt. Är källan lång, klipp först ut intervallet med en videoklippare och arbeta med den korta filen. I en konverterare gör du samma sak genom att skriva tiderna i Börja vid och Sluta vid i sekunder eller minuter:sekunder, utan ett separat steg.

Tänk också på var GIF-filen börjar spelas. Många chattappar och e-postprogram visar första bildrutan medan filen laddas, och Outlook för Windows från 2007 till 2016 visar bara första rutan och animerar aldrig. Börja på en ruta som fungerar som stillbild, inte på en suddig fläck mitt i en panorering. Om GIF-filens budskap är en text eller ett resultat, håll kvar det sista ögonblicket en halv sekund genom att förlänga Sluta vid, så att tittarna hinner läsa innan loopen börjar om.

Dit GIF-filen ska bestämmer budgeten innan någon inställning gör det. Discord sänkte sin gratisgräns för uppladdning till 10 MB per fil 2024, och det är den gräns de flesta stöter på först; Nitro Basic höjer den till 50 MB och Nitro till 500 MB. GIPHY tar emot uppladdningar på upp till 15 sekunder och 100 MB. X tar GIF-filer upp till 15 MB och gör om dem till en loopande video vid uppladdning, och Reddit tar GIF-filer upp till 100 MB men visar dem också som video. Slack tar filer upp till 1 GB, men egna emojis måste vara under 128 KB, vilket kräver liten bredd, kort loop och få färger.

E-post är ett undantag. Gmail tillåter 25 MB bilagor per meddelande och Outlook.com 20 MB, men en GIF som ligger inbäddad i ett nyhetsbrev eller en signatur bör vara långt under 1 MB så att meddelandet öppnas snabbt på mobildata. I chatt bör du sikta på hälften av gränsen i stället för strax under, eftersom mottagarna kan ha långsamma anslutningar. Siffrorna nedan gällde 2025; kontrollera tjänstens hjälpsida när en fil ligger precis på gränsen.

Anledningen till att X gör om varje uppladdad GIF till en MP4, och har gjort det sedan 2014, är bandbredd. Samma fem sekunder som väger 4 MB som GIF ryms vanligtvis på några hundra kilobyte som H.264, med full färg i stället för 256 nyanser och utan ditheringbrus. GIPHY och Tenor gör likadant: GIF-knappen i tangentbordet hämtar oftast en liten MP4 eller WebP. Den ärliga frågan är alltså inte hur du gör den bästa GIF-filen, utan om platsen du postar på över huvud taget behöver en GIF.

Behåll en riktig GIF när målet visar bilder men inte video: ett e-postmeddelande, en GitHub-README eller ett ärende, en Jira-biljett, en wiki, ett gammalt forum, en presentation som måste fungera i alla visningsprogram. Överallt där video spelas direkt och ljudlöst, vilket gäller de flesta sociala nätverk och moderna chattappar, ser en MP4- eller WebM-loop bättre ut och laddas snabbare. På en webbsida du styr själv beter sig ett <video autoplay muted loop playsinline>-element som en GIF och kostar en bråkdel av bytena.

Två bildformat ligger mittemellan. Animerad WebP från Google stöder miljontals färger och förlustbehaftad komprimering och har spelats i Safari sedan version 14 år 2020, så den fungerar nu i alla aktuella webbläsare, även om många appar utanför webbläsaren fortfarande avvisar den. APNG utökar PNG med bildrutor, behåller full färg och äkta alfatransparens och används av Apple och LINE för animerade klistermärken. Finns GIF-filen redan och du bara behöver göra den mindre för en webbplats som spelar video är att göra om GIF-filen till MP4 oftast den största enskilda besparingen.

Telefoner klarar det utan extra appar. På en iPhone har appen Genvägar en åtgärd Make GIF som tar en video eller ett Live Photo, och ett Live Photo med effekten Loop eller Bounce är ett snabbt sätt att filma källan. Samsungs Galleri-app visar en GIF-knapp medan en video spelas, som spelar in den synliga delen som GIF. Appen GIPHY och dess webbaserade GIF Maker trimmar, textar och laddar upp på ett ställe, men resultatet blir offentligt om du inte bara sparar det. I Photoshop läser File > Import > Video Frames to Layers in upp till 500 bildrutor, och Export > Save for Web (Legacy) skriver GIF-filen med kontroll över palett och dithering.

För full kontroll och batchjobb ger ffmpegs palettmetod i två steg det renaste resultatet: det första filtret skannar klippet och bygger en palett med 256 färger från de faktiska färgerna, det andra mappar varje ruta mot den. Enradskommandot nedan klipper fem sekunder från 0:02, skalar till 480 px bredd, samplar 12 bilder/s och loopar för evigt. I en webbläsare gör video till GIF-konverteraren samma palettsteg med reglagen Bredd, Bildfrekvens, Färger och Dithering, och sidan MP4 till GIF öppnar den med MP4 förvald. Telefonklipp i MOV fungerar på samma sätt; om en app avvisar dem, läs först konvertera MOV till MP4.

En GIF loopar för evigt som standard eftersom Netscape-tillägget skrivs med antalet upprepningar noll, vilket betyder oändligt. Med antalet ett spelas den en gång och stannar på sista rutan, vilket passar en GIF som slutar med ett budskap. Det svårare är att göra loopen osynlig. Leta efter ett parti där första och sista rutan är nästan identiska, till exempel en vinkning som återgår till samma läge, eller spela klippet framåt och sedan bakåt med Bumerang, vilket tar bort hoppet till priset av dubbelt så många bildrutor.

Innan du skickar den, öppna GIF-filen i verklig storlek i en webbläsarflik, inte som miniatyr, och titta på tre hela loopar. Kontrollera att text i bilden går att läsa i vald bredd, att ansikten inte har blivit posteriserade fläckar och att tidsstyrningen stämmer med videon. Jämför sedan filstorleken med gränsen i tabellen ovan; är den nära, gå tillbaka till ordningen längd, bredd, bildfrekvens och färger. För längre klipp eller allt med ljud är att komprimera en video för Discord och e-post den bättre vägen.