Wat is een GIF sprite-sheet?

Een sprite-sheet legt alle frames van een geanimeerde GIF uit als een raster in één PNG-afbeelding, veelgebruikt bij game-ontwikkeling en CSS-animaties.

In welk formaat wordt de sprite-sheet geëxporteerd?

PNG. Dit formaat behoudt alle kleuren en transparantie van de originele GIF-frames.

Hoe beheer ik de rasterlay-out?

Stel het aantal kolommen in. Het aantal rijen wordt automatisch berekend op basis van het totale aantal frames.

Hoe gebruik ik de sprite-sheet in CSS?

Gebruik de `background-position` en `animation` eigenschappen om door frames te stappen. Elk frame beslaat (breedte × kolom, hoogte × rij) pixels in de sprite.

Kan ik sprite-sheets gebruiken in games?

Ja. Game-engines zoals Phaser, Unity (2D) en Godot ondersteunen allemaal sprite-sheets voor frame-per-frame animatie.

Wat zijn de afmetingen van elk frame in de sprite-sheet?

Elke cel is gelijk aan de originele GIF-afmetingen. De totale sprite-sheet-grootte is (gifBreedte × kolommen) bij (gifHoogte × rijen).

Bevat de sprite-sheet transparantie?

Ja. PNG ondersteunt volledige alfatransparantie, dus eventuele transparante gebieden in GIF-frames blijven behouden.

Wordt de originele GIF gewijzigd?

Nee. De sprite-sheet is een nieuw PNG-bestand. Je originele GIF wordt gelezen maar niet gewijzigd.

Waarom zou ik een sprite-sheet gebruiken in plaats van een GIF?

Sprite-sheets bieden nauwkeurige controle over animatie — je kunt pauzeren, omkeren of naar specifieke frames springen met CSS of JavaScript, in tegenstelling tot automatisch afspelende GIF's.

Kan ik de volgorde van frames in de sprite-sheet bepalen?

Frames verschijnen in dezelfde volgorde als de originele GIF. Gebruik de Frames Editor om frames opnieuw te ordenen voordat je de sprite-sheet maakt.

GIF naar Sprite

Exporteer je GIF-frames als één sprite-sheet PNG.

Sleep je GIF hierheen

Of klik om te bladeren · Alleen GIF

Converteer een geanimeerde GIF naar een sprite sheet — een enkele afbeelding met alle frames in een raster. Ideaal voor CSS-animaties, game-engines en frame-voor-frame exports.

Configureer het aantal kolommen en GifStream berekent automatisch de rasterlay-out. De output is een enkele PNG met consistente frame-afmetingen en ondersteuning voor transparante achtergrond.

Gids: GIF naar Sprite

Wanneer gebruiken

Als een GIF een spritesheet voor gameontwikkeling moet worden.
Als je frames voorbereidt voor CSS-spriteanimaties op een website.
Als je alle frames van een animatie in één oogopslag wilt zien.

Tips

Kies een aantal kolommen waardoor het sheet bijna vierkant wordt.
PNG behoudt alle kleuren en transparantie.
Noteer framegrootte en aantal; die heb je nodig om het sheet te animeren.

Goed om te weten

Losse framebestanden nodig? Gebruik GIF-splitter.
Verwijder eerst ongewenste frames met Frame Editor.
Wil je het sheet kleiner, verklein de GIF dan eerst met GIF-formaat wijzigen.

GIF Sprite-sheet — Veelgestelde vragen

Last Updated: 14 augustus 2026