GIF maken van video: formaat, framerate en looptips

GIF is ouder dan het web. CompuServe publiceerde de eerste versie, GIF87a, in 1987 om stilstaande beelden over inbelverbindingen te versturen. De herziening van 1989, GIF89a, voegde de twee functies toe die animatie mogelijk maakten: een vertragingswaarde per frame en één transparante kleur. Looping kwam later, in 1995, toen Netscape Navigator 2.0 een kleine applicatie-extensie ging lezen die aangeeft hoe vaak er herhaald moet worden. Elke geanimeerde GIF van nu is nog steeds een GIF89a-bestand met dat blok erin, en daarom speelt hij af in vrijwel elke browser en mailclient.

Intern is een GIF een stapel geïndexeerde afbeeldingen. Elk frame verwijst naar een kleurentabel met hooguit 256 items, dus een frame toont maximaal 256 verschillende kleuren, terwijl de video waar het vandaan komt er miljoenen had. De pixels worden vervolgens gecomprimeerd met LZW, een verliesvrije woordenboekmethode die goed werkt op vlakken met één kleur en slecht op fotografische ruis, korrel en kleurverlopen. LZW zelf gooit niets weg; het verlies treedt eerder op, wanneer miljoenen kleuren in het palet worden geperst.

Er zijn nog twee dingen die een GIF niet kan bevatten. Er is geen audiospoor van welke aard dan ook, dus het geluid van je video verdwijnt gewoon. En de timing is grof: vertragingen worden opgeslagen in honderdsten van een seconde, en de meeste browsers behandelen een vertraging van 0 of 1 honderdste als 10 honderdsten, waardoor een GIF die met 50 fps of sneller is gemaakt trager afspeelt, niet vloeiender. In de praktijk is 10 tot 25 fps het bruikbare bereik.

Een moderne videocodec zoals H.264 slaat maar af en toe een volledig beeld op en beschrijft de meeste frames als kleine wijzigingen ten opzichte van het vorige. GIF kan dat een beetje door alleen een rechthoek van het vorige frame bij te werken, maar heeft niets wat op bewegingsvoorspelling lijkt. Zodra de camera beweegt, verandert bijna elke pixel en wordt elk frame vrijwel volledig opgeslagen. Daarom kan een telefoonclip van 2 MB een GIF van 15 MB worden, terwijl een schermopname van een muis die over een stilstaand venster beweegt piepklein blijft.

De grootte van een GIF is grofweg breedte maal hoogte maal aantal frames, met korting voor wat tussen frames stilstaat. Zo zijn de knoppen om aan te draaien makkelijk te rangschikken. Lengte snijdt frames één op één weg: vier seconden in plaats van acht halveert het bestand. Breedte snijdt pixels kwadratisch weg: van 640 px naar 320 px houd je een kwart van de pixels per frame over. Framerate snijdt weer lineair in frames, en 12 fps houdt het verrassend goed vol voor gebaren en gezichten. Minder kleuren helpt minder dan men verwacht, meestal 10 tot 30 procent, omdat LZW meer geeft om herhalende patronen dan om de grootte van het palet.

Dithering is de afweging die de meeste mensen in verwarring brengt. Het strooit stippen van nabije palletkleuren uit om de tinten na te bootsen die het palet mist. Dat verbergt banding in luchten en huid, maar voegt fijne ruis toe die LZW slecht comprimeert. Zet het uit voor schermopnamen, tekenfilms en UI-demo's, waar egale kleur toch de waarheid is, en laat het aan voor echt filmbeeld. Bijsnijden is de laatste knop: een statische rand of zwarte balken wegsnijden haalt pixels weg zonder het onderwerp aan te raken.

De meeste GIF's die gedeeld worden zijn één enkel moment: een reactie, een doelpunt, een klik op een knop en het scherm dat daarna volgt. Bekijk de video één keer met een stopwatch in je hoofd en noteer de seconde waarop het moment begint en de seconde waarop het duidelijk geland is. Voeg dan aan beide kanten een paar frames toe, zodat de loop niet afgekapt aanvoelt. Is de bron lang, knip dan eerst het bereik eruit met een video-inkorter en werk verder met het korte bestand. In een converter doet het invullen van de tijden bij Beginnen bij en Eindigen bij in seconden of minuten:seconden hetzelfde werk zonder aparte stap.

Denk ook na over waar de GIF begint te spelen. Veel chat-apps en mailclients tonen het eerste frame terwijl het bestand laadt, en Outlook voor Windows van 2007 tot 2016 toont alleen het eerste frame en animeert nooit. Begin met een frame dat als stilstaand beeld zinvol is, niet met een waas midden in een pan. Is de boodschap van de GIF een tekst of een resultaat, houd dat laatste moment dan een halve seconde vast door Eindigen bij te verlengen, zodat kijkers het kunnen lezen voordat de loop opnieuw begint.

Waar de GIF naartoe gaat bepaalt het budget, nog voordat een instelling dat doet. Discord verlaagde in 2024 de gratis uploadlimiet naar 10 MB per bestand, en dat is het getal waar de meeste mensen het eerst tegenaan lopen; Nitro Basic verhoogt het naar 50 MB en Nitro naar 500 MB. GIPHY accepteert uploads van maximaal 15 seconden en 100 MB. X accepteert GIF's tot 15 MB en zet ze bij het uploaden om in een zichzelf herhalende video, en Reddit accepteert GIF's tot 100 MB maar toont ze ook als video. Slack accepteert bestanden tot 1 GB, maar eigen emoji moeten onder 128 KB blijven, wat een minieme breedte, een korte loop en weinig kleuren betekent.

E-mail is de uitzondering. Gmail staat 25 MB aan bijlagen per bericht toe en Outlook.com 20 MB, maar een GIF die inline in de tekst van een nieuwsbrief of handtekening staat, moet ruim onder 1 MB blijven, zodat het bericht snel opent via mobiele data. Mik in chat op de helft van de limiet in plaats van er net onder, want de ontvangers hebben misschien een trage verbinding. De onderstaande getallen waren actueel in 2025; controleer de helppagina van de dienst als een bestand precies op de grens zit.

De reden dat X elke geüploade GIF omzet in een MP4, en dat al sinds 2014 doet, is bandbreedte. Dezelfde vijf seconden die als GIF 4 MB wegen, passen als H.264 meestal in een paar honderd kilobyte, met volledige kleur in plaats van 256 tinten en zonder ditheringruis. GIPHY en Tenor doen hetzelfde: de GIF-knop op je toetsenbord haalt meestal een kleine MP4 of WebP op. De eerlijke vraag is dus niet hoe je de beste GIF maakt, maar of de plek waar je post überhaupt een GIF nodig heeft.

Houd een echte GIF aan wanneer de bestemming wel afbeeldingen toont maar geen video: de tekst van een e-mail, een GitHub-README of -issue, een Jira-ticket, een wiki, een oud forum, een presentatie die in elke viewer moet werken. Overal waar video inline en gedempt afspeelt, wat voor de meeste sociale netwerken en moderne chat-apps geldt, ziet een MP4- of WebM-loop er beter uit en laadt hij sneller. Op een webpagina die je zelf beheert gedraagt een <video autoplay muted loop playsinline>-element zich als een GIF en kost het een fractie van de bytes.

Twee afbeeldingsformaten zitten daar tussenin. Geanimeerde WebP, van Google, ondersteunt miljoenen kleuren en verliesgevende compressie en speelt sinds versie 14 in 2020 af in Safari, dus het werkt nu in elke actuele browser, al weigeren veel apps buiten de browser het nog. APNG breidt PNG uit met frames, behoudt volledige kleur en echte alfatransparantie en wordt door Apple en LINE gebruikt voor geanimeerde stickers. Bestaat er al een GIF en heb je hem alleen kleiner nodig voor een site die video afspeelt, dan is de GIF terug omzetten naar een MP4 meestal de grootste enkele besparing.

Telefoons kunnen het zonder extra apps. Op een iPhone heeft de app Opdrachten een actie GIF maken die een video of Live Photo accepteert, en een Live Photo met het effect Herhalen of Heen en weer is een snelle manier om de bron te maken. De Galerij-app van Samsung toont een GIF-knop terwijl een video speelt, waarmee het zichtbare gedeelte als GIF wordt opgenomen. De GIPHY-app en de web-GIF Maker knippen, voorzien van tekst en uploaden op één plek, maar het resultaat is openbaar, tenzij je het alleen opslaat. In Photoshop haalt Bestand > Importeren > Videoframes naar lagen tot 500 frames binnen, en Exporteren > Opslaan voor web (verouderd) schrijft de GIF met instellingen voor palet en dithering.

Voor volledige controle en batchtaken geeft de tweestaps-paletmethode van ffmpeg het zuiverste resultaat: het eerste filter scant de clip en bouwt een palet van 256 kleuren uit de werkelijke kleuren, het tweede wijst elk frame eraan toe. De onderstaande oneliner knipt vijf seconden vanaf 0:02, schaalt naar 480 px breed, bemonstert 12 fps en loopt eindeloos. In een browser doet de video-naar-GIF-converter dezelfde paletstap met de opties Breedte, Framerate, Kleuren en Dithering, en de pagina MP4 naar GIF opent hem met MP4 voorgeselecteerd. Telefoonclips in MOV werken op dezelfde manier; weigert een app ze, lees dan eerst MOV converteren naar MP4.

Een GIF herhaalt standaard eindeloos, omdat de Netscape-extensie met een herhaalteller van nul is geschreven, wat oneindig betekent. Bij een teller van één speelt hij één keer af en blijft hij op het laatste frame staan, wat past bij een GIF die op een boodschap eindigt. Moeilijker is de loop onzichtbaar maken. Zoek een stuk waar het begin- en eindframe bijna identiek zijn, zoals een zwaaibeweging die terugkeert naar dezelfde positie, of speel de clip vooruit en dan achteruit met Boemerang, wat de sprong wegneemt ten koste van twee keer zoveel frames.

Open de GIF voordat je hem verstuurt op zijn echte formaat in een browsertabblad, niet als miniatuur, en bekijk drie volledige loops. Controleer of tekst in beeld leesbaar is op de gekozen breedte, of gezichten niet in geposteriseerde vlekken zijn veranderd en of de timing overeenkomt met de video. Vergelijk daarna de bestandsgrootte met de limiet in de tabel hierboven; zit je er dicht tegenaan, ga dan terug naar de bezuinigingsvolgorde van lengte, breedte, framerate en kleuren. Voor langere clips of alles met geluid is een video comprimeren voor Discord en e-mail de betere route.