Anleitung: Spritesheet zu GIF
- Zieh das Spritesheet hinein. Spalten, Zeilen und Frame-Größe werden anhand der leeren Abstände zwischen den Frames erkannt.
- Korrigiere das Raster bei Bedarf (Spalten, Zeilen, Frame-Größe, Rand, Abstand).
- Wähle den Frame-Bereich, überspringe leere Zellen und stelle FPS, Ping-Pong und Anzahl der Loops ein.
- Wähle eine Skalierung und einen transparenten oder einfarbigen Hintergrund.
- Lade das GIF herunter oder alle Frames als PNGs in einem ZIP.
Was du bekommst
- Animiertes GIF (transparent oder auf Hintergrund reduziert)
- ZIP mit den ausgewählten Frames als nummerierte PNGs
Tipps aus der Spieleentwicklung damit
- Klick auf Frames im Sheet, um den Bereich schnell festzulegen: Ein Klick vor dem Start verschiebt den Start, jeder andere Klick das Ende.
- GIF-Verzögerungen werden in 10-ms-Schritten gespeichert, daher läuft 12 FPS (83 ms) in manchen Viewern mit 80 ms. 10, 20, 25 und 50 FPS sind exakt.
- GIF-Transparenz ist 1-Bit. Halbtransparente Kanten werden bei 50 % abgeschnitten; reduziere auf eine Hintergrundfarbe, wenn dein Sprite weiche Schatten hat.
- Skaliere vor dem Teilen in sozialen Netzwerken hoch. Viele davon machen kleine GIFs beim Skalieren unscharf.
Anwendungsfälle
- Animations-Sheets von Artists oder KI-Tools in der Vorschau ansehen
- Lauf- und Angriffszyklen auf Discord, X oder itch.io teilen
- Animierte Emotes und Sticker erstellen
- Timing prüfen, bevor du in eine Engine importierst
FAQ
Wie wird das Raster erkannt?
Das Tool sucht nach komplett leeren (oder hintergrundfarbenen) Spalten und Zeilen zwischen den Frames. Berühren sich die Frames, nimmt es quadratische Frames anhand der Sheet-Höhe an. Die Werte kannst du jederzeit anpassen.
Bleibt die Transparenz im GIF erhalten?
Ja, mit der 1-Bit-Transparenz von GIF. Pixel mit 50 % Alpha oder weniger werden transparent. Für weiche Kanten nimm „Einfarbiger Hintergrund“.
Bleiben die Farben exakt erhalten?
Ja, solange alle Frames zusammen höchstens 255 Farben nutzen, was bei Pixel-Art normal ist. Darüber erstellt der Encoder eine reduzierte Palette.
Was ist Ping-Pong?
Die Animation läuft vorwärts und dann rückwärts (1-2-3-2) – praktisch für Idle-Atmung und schwebende Loops.
Gibt es ein Frame-Limit?
Kein festes Limit, aber sehr große Sheets mit hoher Skalierung ergeben große Dateien. Die Dateigröße wird nach dem Export angezeigt.
Wird mein Sheet hochgeladen?
Nein. Das GIF wird in deinem Browser kodiert.