Een GIF maken van afbeeldingen:
5 methoden vergeleken

Wat je nodig hebt om een GIF van afbeeldingen te maken

Je hebt minimaal twee of meer afbeeldingen nodig in een gangbaar formaat (JPG, PNG, WebP, BMP). De afbeeldingen worden afzonderlijke frames in je animatie, die na elkaar worden afgespeeld. Hier is waar je rekening mee moet houden voordat je begint:

• Gelijke afmetingen: Idealiter hebben alle afbeeldingen dezelfde breedte en hoogte. Als ze verschillen, zal de meeste tools de frames verkleinen of bijsnijden om ze op elkaar af te stemmen, wat tot onverwacht bijsnijden kan leiden. Verklein je afbeeldingen eerst naar een consistente grootte voor het schoonste resultaat.
• Consistente beeldverhouding: Als de precieze pixelafmetingen iets variëren, zorg dan minstens voor dezelfde beeldverhouding (bijv. allemaal 16:9 of allemaal 1:1). Dit voorkomt zwarte balken of vervorming.
• Framevolgorde: Geef je bestanden opeenvolgende namen (frame-01.png, frame-02.png, enz.) zodat tools ze correct kunnen sorteren. Bij de meeste online tools kun je ook slepen om de volgorde aan te passen.
• Aantal frames: Meer frames = vloeiendere animatie maar groter bestand. Voor een lus van 2 seconden op 10 FPS heb je 20 afbeeldingen nodig. Voor een eenvoudige diavoorstelling werken 5–10 afbeeldingen op 2–3 FPS prima.
• Afbeeldingscomplexiteit: GIF gebruikt een palet van 256 kleuren per frame. Foto's met kleurovergangen produceren grotere bestanden dan vlakke illustraties. Eenvoudige graphics met effen kleuren comprimeren veel beter.

Methode 1: Online — CleverUtils GIF-maker

De snelste manier om een GIF van afbeeldingen te maken is met een browsergebaseerde tool. Geen software installeren, werkt op elk apparaat.

Stap voor stap:

1. Ga naar cleverutils.com/gif-maker
2. Zorg dat het tabblad "Van afbeeldingen" geselecteerd is
3. Klik op "Kies afbeeldingen" of sleep je afbeeldingsbestanden naar het uploadgebied. Ondersteunde formaten: JPG, PNG, WebP, BMP (tot 50 afbeeldingen, 10 MB per stuk)
4. Herschik frames door de miniaturen in de strook te verslepen. De volgorde van links naar rechts wordt de framevolgorde in je GIF
5. Pas de instellingen aan:
   • FPS — frames per seconde (10 is een goede standaard)
   • Breedte — uitvoerformaat in pixels (kleiner = kleiner bestand)
   • Lus — eindeloze lus of eenmalig afspelen
   • Kwaliteit — kleurenaantal (Hoog = 256 kleuren, Gemiddeld = 128, Laag = 64)
6. Klik op "GIF maken" en wacht op de verwerking
7. Download je geanimeerde GIF

Methode 2: Adobe Photoshop (tijdlijn)

Photoshop heeft een ingebouwde tijdlijn voor het maken van frame-animaties. Deze methode geeft je volledige controle over timing, laageffecten en bewerking per frame.

Stap voor stap:

1. Open Photoshop. Ga naar Bestand → Scripts → Bestanden in stapel laden. Selecteer al je afbeeldingen — elke afbeelding wordt een laag
2. Open het tijdlijnpaneel: Venster → Tijdlijn
3. Klik op "Frameanimatie maken" in het tijdlijnpaneel
4. Open het menu van het tijdlijnpaneel (hamburgerpictogram) en selecteer "Frames maken van lagen"
5. Stel de vertraging in voor elk frame (klik op de tijd onder elke miniatuur). Voor 10 FPS stel je 0,1 seconden in. Voor 5 FPS stel je 0,2 seconden in
6. Stel herhaling in op "Voor altijd" (vervolgkeuzemenu linksonder in de tijdlijn)
7. Bekijk een voorbeeld van de animatie met de afspeelknop
8. Exporteer: Bestand → Exporteren → Opslaan voor web (verouderd). Kies GIF, stel het kleurenaantal in (128 of 256) en pas de afmetingen aan

Methode 3: GIMP (gratis, open source)

GIMP behandelt elke laag als een frame bij het exporteren als GIF. Het is volledig gratis en beschikbaar voor Windows, macOS en Linux.

Stap voor stap:

1. Open de eerste afbeelding in GIMP: Bestand → Openen
2. Voeg de overige afbeeldingen toe als lagen: Bestand → Openen als lagen. Selecteer alle afbeeldingen tegelijk
3. Herschik lagen indien nodig — de onderste laag is het eerste frame, de bovenste laag is het laatste frame
4. Optioneel: Afbeelding → Canvasgrootte of Afbeelding → Afbeelding schalen om uitvoerformaat in te stellen
5. Stel de frametiming in door elke laag een andere naam te geven. Voeg de vertraging toe tussen haakjes, bijv.:
   • Frame 1 (100ms) voor 10 FPS
   • Frame 1 (200ms) voor 5 FPS
   • Frame 1 (500ms) voor een langzame diavoorstelling
6. Voorbeeld bekijken: Filters → Animatie → Afspelen
7. Exporteer: Bestand → Exporteren als, geef het bestand een naam met de extensie .gif
8. Vink in het exportdialoogvenster "Als animatie" en "Eindeloos herhalen" aan. Stel een standaardframevertraging in (bijv. 100 ms)

Methode 4: FFmpeg (opdrachtregel)

FFmpeg kan GIF's maken van een reeks genummerde afbeeldingen met één commando. Ideaal voor batchautomatisering, scripting en servers zonder grafische interface.

Basiscommando:

ffmpeg -framerate 10 -i frame-%03d.png output.gif

Dit leest frame-001.png, frame-002.png, enz. en maakt een GIF op 10 FPS. Het patroon %03d komt overeen met driecijferige met nullen gevulde getallen.

Hoge kwaliteit met paletoptimalisatie:

De standaard GIF-encoder van FFmpeg produceert matige kleuren. Een twee-pass aanpak met een aangepast palet geeft veel betere resultaten:

# Pass 1: Generate optimal palette
ffmpeg -framerate 10 -i frame-%03d.png \
  -vf "scale=480:-1:flags=lanczos,palettegen=max_colors=128" \
  palette.png

# Pass 2: Create GIF using the palette
ffmpeg -framerate 10 -i frame-%03d.png -i palette.png \
  -lavfi "scale=480:-1:flags=lanczos [x]; [x][1:v] paletteuse=dither=bayer" \
  output.gif

Met glob-patroon (niet-opeenvolgende bestandsnamen):

ffmpeg -framerate 10 -pattern_type glob -i '*.png' output.gif

De vlag -pattern_type glob accepteert shell-globpatronen, wat handig is als je bestanden niet opeenvolgend genummerd zijn. Let op: globpatronen werken alleen op Linux en macOS. Gebruik op Windows het genummerde patroon (%03d).

Methode 5: ImageMagick convert-commando

Het commando convert (of magick in v7+) van ImageMagick maakt GIF's van afbeeldingen met één regel. Het is de eenvoudigste CLI-optie als je de geavanceerde filtering van FFmpeg niet nodig hebt.

Basiscommando:

magick -delay 10 -loop 0 frame-*.png output.gif

De -delay-waarde is in honderdsten van een seconde. -delay 10 = 100 ms per frame = 10 FPS. -delay 20 = 200 ms = 5 FPS. Zet -delay vóór de invoerbestanden zodat het op elk frame wordt toegepast tijdens het inlezen.

Met verkleinen en optimalisatie:

magick -delay 10 -loop 0 \
  frame-*.png \
  -resize 480x \
  -layers Optimize \
  -colors 128 \
  output.gif

Vergelijking van methoden

Optimale GIF-instellingen

GIF is een oud formaat met inherente beperkingen — 256 kleuren per frame en geen compressie tussen frames. Een goed resultaat behaal je door binnen deze grenzen te werken:

Framesnelheid (FPS)

Afmetingen

Afmetingen hebben de grootste invloed op de bestandsgrootte. De breedte verdubbelen verviervoudigt de bestandsgrootte ruwweg, omdat GIF per-pixel gegevens per frame opslaat.

• 240px breed: Miniaturen, chatreacties. Hele kleine bestanden (<500 KB)
• 320px breed: Inline op sociale media, mobiel. Goede balans tussen grootte en kwaliteit
• 480px breed: Blogberichten, tutorials, presentaties. Het ideale midden voor de meeste toepassingen
• 640px breed: Hoogwaardig display. Bestandsgrootten nemen aanzienlijk toe
• 800px+ breed: Zelden gerechtvaardigd. Overweeg in dat geval MP4 of WebP-animatie

Kleurenaantal en dithering

GIF ondersteunt maximaal 256 kleuren per frame. Als je bronafbeeldingen miljoenen kleuren bevatten (zoals foto's), moet de encoder het palet verkleinen:

• 256 kleuren: Beste kwaliteit, grootst bestand. Geschikt voor foto's en complexe illustraties
• 128 kleuren: Uitstekende balans. Nauwelijks zichtbaar kwaliteitsverlies voor de meeste afbeeldingen
• 64 kleuren: Merkbare banding in kleurovergangen, maar veel kleinere bestanden. Werkt goed voor vlakke graphics, logo's en UI-schermafbeeldingen
• Dithering: Simuleert ontbrekende kleuren met pixelpatronen. Schakel dithering altijd in bij het verkleinen van kleuren — het voorkomt harde kleurband

Tips voor optimalisatie van bestandsgrootte

1. Verkleins afmetingen eerst — dit is de meest effectieve manier om een GIF kleiner te maken. Schaal naar 480px of kleiner
2. Minder frames: 10 frames op 5 FPS ziet er vaak beter uit dan 30 frames op 15 FPS, en het bestand is 3x kleiner
3. Beperk kleuren: Verlaag van 256 naar 128 — bespaart 15–30% met minimale visuele impact
4. Gebruik frameoptimalisatie: Tools zoals -layers Optimize (ImageMagick) of GIMP's "Optimaliseren voor GIF" slaan alleen gewijzigde pixels tussen frames op
5. Minimaliseer beweging: GIF comprimeert statische gebieden goed. Hoe meer pixels er tussen frames veranderen, hoe groter het bestand
6. Let op de bron: Eenvoudige graphics met effen kleuren produceren veel kleinere GIF's dan foto's met kleurovergangen