GIF-maker

Voeg PNG- of JPEG-afbeeldingen in je browser samen tot een geanimeerde GIF — timing per frame, eigen formaat, transparante of gekleurde achtergrond, dithering en boemerang.

Tool laden…

GIF-makerDe GIF-maker maakt van meerdere stilstaande afbeeldingen één geanimeerde GIF, waarbij je het tempo in frames per seconde instelt en de vertraging van elk afzonderlijk frame kunt overschrijven. Kies het uitvoerformaat, een transparante of egale achtergrondkleur in plaats van zwarte balken, optionele dithering en een gedeeld palet, en speel de reeks vooruit, achteruit of als boemerang af. Alles wordt op een canvas genormaliseerd en met de gifenc-bibliotheek volledig in je browser gecodeerd, zodat je afbeeldingen nooit naar een server worden geüpload.

Wat is GIF-maker?

De GIF-maker is een gratis, browsergebaseerde animatietool die meerdere PNG- en JPEG-afbeeldingen samenvoegt tot één geanimeerde GIF. Elke afbeelding wordt een frame dat wordt afgespeeld in de volgorde die je bepaalt, met een globaal aantal frames per seconde dat elk frame met een eigen vertraging kan overschrijven. Je stelt de uitvoerbreedte en -hoogte in, bepaalt of lege ruimte transparant is of gevuld met een gekozen kleur, kiest eindeloos herhalen of één keer afspelen, en kiest normaal, achteruit of boemerang afspelen. Geordende of foutdiffusie-dithering en een optioneel gedeeld palet over de frames verminderen banding en bestandsgrootte, en elk frame herhalen houdt een moment langer vast — handig voor ontwerpers, socialmediabeheerders, docenten en ontwikkelaars.

GIF-maker gebruiken

  1. Sleep je PNG- of JPEG-afbeeldingen naar de neerzetzone, of klik om te bladeren; de volgorde waarin je ze toevoegt is de afspeelvolgorde.
  2. Herschik of verwijder frames met de knoppen op elke rij, en klik op een miniatuur om deze groter in een lightbox te bekijken.
  3. Typ een vertraging in milliseconden in de rij van een frame om de globale snelheid alleen voor dat frame te overschrijven, of laat deze leeg om de frames per seconde te gebruiken.
  4. Open Instellingen om frames per seconde, uitvoerbreedte en -hoogte, een transparante of eigen achtergrondkleur, dithering, een gedeeld palet, de herhaalmodus, de afspeelrichting en het aantal herhalingen per frame in te stellen.
  5. Bekijk hoe de live GIF-voorbeeldweergave wordt bijgewerkt terwijl je frames of opties wijzigt, en klik dan op Downloaden om het animation.gif-bestand op te slaan.

Voorbeelden

Transparante sprite-loop

Sleep even grote PNG-sprites erin, zet de achtergrond op transparant, verhoog de frames per seconde voor een vloeiende beweging en exporteer een doorlopende GIF die op elke pagina past.

Boemerang uit een paar foto's

Voeg een paar JPEG-foto's toe, zet de afspeelrichting op boemerang en genereer een GIF die vooruit en dan achteruit speelt, in een naadloos heen-en-weer.

Het laatste frame vasthouden

Geef het laatste frame een langere vertraging per frame, of verhoog het aantal herhalingen, zodat je slotbeeld blijft staan voordat de GIF opnieuw begint.

Veelgestelde vragen

Kan elk frame zijn eigen timing hebben?
Ja. Stel een globaal aantal frames per seconde in en typ vervolgens een vertraging in milliseconden in de rij van een frame om alleen dat frame te overschrijven; lege rijen gebruiken het globale tempo.
Kan ik de achtergrond transparant of een eigen kleur maken?
Ja. Kies een transparante achtergrond om lege delen doorzichtig te houden (gecodeerd met 1-bit alfa), of een egale kleur om ze te vullen in plaats van zwarte balken.
Wat doen dithering en het gedeelde palet?
Dithering (geordend of foutdiffusie) mengt de beperkte GIF-kleuren om banding in verlopen en foto's te verzachten, en een gedeeld palet hergebruikt één kleurtabel over alle frames voor stabielere kleuren en een kleiner bestand.
Wat zijn achteruit en boemerang?
Achteruit speelt je frames van het laatste naar het eerste; boemerang speelt ze vooruit en dan achteruit, zodat de lus soepel naar het begin terugkeert. Je kunt elk frame ook herhalen om het langer vast te houden.
Worden mijn afbeeldingen naar een server geüpload?
Nee. De frames worden op een canvas getekend en met de gifenc-bibliotheek volledig in je browser gecodeerd, zodat je afbeeldingen nooit je apparaat verlaten en het offline werkt.

Gerelateerde tools