Sprite Sheet in GIF umwandeln

Zieh ein Sprite Sheet hierher und sieh zu, wie es sich bewegt: Jeder Frame wird nach Hintergrund oder Raster gefunden, jede Zeile läuft als eigene Animation, und du speicherst sie als GIF oder APNG mit weichen Kanten. Mit diesem kostenlosen Tool kannst du jedes Sprite Sheet in GIF umwandeln, direkt in deinem Browser, ohne etwas hochzuladen.

Sprite Sheet in GIFKostenlos · läuft in deinem Browser

Sprite Sheet zum Animieren hierher ziehen

PNG, JPG, WebP oder GIF. Alles bleibt in deinem Browser.

  • Kostenlos, läuft im Browser
  • Findet die Frames für dich
  • Eine Zeile oder das ganze Sheet
  • GIF und APNG

Sprite Sheet in GIF: acht Beispiele

Acht Sprite Sheets, eigens für diese Beispiele erstellt und mit dem Tool dieser Seite animiert. Öffne eins und sieh, wie du mit jeder Einstellung ein Sprite Sheet in GIF umwandeln kannst.

Pixel-Ninja beim Laufen

Pixel-Ninja beim Laufen

Sechs Frames, auf Transparenz gefunden und mit 200 % in scharfen Pixeln abgespielt.

Frosch im Stand und beim Sprung

Frosch im Stand und beim Sprung

Ein Sheet mit zwei Zeilen: Die zweite Zeile läuft als Sprung-Animation.

Drache auf Magenta

Drache auf Magenta

Der klassische Magenta-Hintergrund wird im GIF transparent.

Leuchtendes Lagerfeuer

Leuchtendes Lagerfeuer

Flammen im Ping-Pong auf einer nachtblauen Hintergrundfarbe, damit das Leuchten weich bleibt.

Blinzelnde Eule

Blinzelnde Eule

Rückwärts abgespielt, mit einer Pause bei offenen Augen, wie ein echtes Blinzeln.

Schatztruhe

Schatztruhe

Der letzte Frame bleibt über eine Sekunde stehen, bevor die Schleife neu beginnt.

Magische Explosion

Magische Explosion

Ein Effekt mit kurzer Pause zwischen den Explosionen, so wie er im Spiel läuft.

Windmühle

Windmühle

Frames auf himmelblauem Hintergrund gefunden, der im GIF erhalten bleibt.

So machst du aus einem Sprite Sheet ein GIF

Drei Schritte, und nichts wird hochgeladen.

  1. Zieh ein Sheet als PNG, WebP, JPG oder GIF hierher, füge es ein oder wähle es aus. Die Frames werden auf transparentem oder einfarbigem Hintergrund gefunden oder nach einem Raster aus Spalten und Zeilen.

  2. Wähle, welche Zeile läuft, hak die gewünschten Frames an und stell die Bildrate, Ping-Pong, Rückwärts, eine Pause am Ende und die Zahl der Durchläufe ein.

  3. Speichere die Animation als GIF oder als APNG, das jede weiche Kante behält. Pixel-Art lässt sich 2×, 3× oder 4× mit scharfen Pixeln vergrößern.

Sprite Sheet animieren: was dieses Tool am besten kann

Sechs Stärken, vom Laufzyklus in Pixel-Art bis zum Effekt im Spiel.

  1. Findet die Frames für dichSprite Sheet

    Findet die Frames für dich

    Frames werden auf transparentem oder einfarbigem Hintergrund gefunden, auch auf Magenta, oder nach einem Raster aus Spalten und Zeilen, Zellengröße, Versatz und Abstand geschnitten.

  2. Eine Animation pro Zeile

    Eine Animation pro Zeile

    Sheets mit Zeilen für Stehen, Gehen und Springen laufen Zeile für Zeile; klick auf einen Frame im Sheet, um die Zeile zu wechseln oder einen Frame wegzulassen.

  3. Timing, das sich richtig anfühlt

    Timing, das sich richtig anfühlt

    Stell 1 bis 50 Frames pro Sekunde ein, spiel hin und zurück oder rückwärts ab, halte den letzten Frame und wähle, wie oft die Schleife läuft.

  4. GIF und APNG

    GIF und APNG

    Das GIF läuft überall; das APNG behält die volle Transparenz, sodass Leuchten und weiche Kanten sauber bleiben. Mit einer Hintergrundfarbe bekommt auch das GIF saubere Kanten.

  5. Scharfe Pixel-Art

    Scharfe Pixel-Art

    Vergrößere Frames 2×, 3× oder 4×, wobei jeder Pixel scharf bleibt, und lass jedes Sprite auf derselben Bodenlinie stehen.

  6. Kostenlos und privat

    Kostenlos und privat

    Hier kannst du dein Sprite Sheet in GIF umwandeln, komplett in deinem Browser: kein Upload, kein Konto, kein Wasserzeichen, und das Tool arbeitet auch offline weiter, sobald die Seite geladen ist.

Ratgeber: So läuft dein Sprite Sheet flüssig

Fünf kurze Tipps für eine flüssige Animation aus jedem Sheet.

Nach Hintergrund oder nach Raster

Nimm „Nach Hintergrund“ für Sprites auf Transparenz oder einer einzelnen Farbe. Bei Sheets, die auf einem exakten Raster gezeichnet sind, hält „Nach Raster“ jeden Frame in seiner Zelle, damit nichts springt.

Nach Hintergrund oder nach Raster

Wähle die Zeile

Jede Zeile des Sheets erscheint als eigene Animation. Wähle eine Zeile und klick dann auf einen Frame, um ihn aus der Schleife zu nehmen.

Finde das richtige Tempo

Die meisten Geh- und Laufzyklen wirken mit 8 bis 12 Frames pro Sekunde richtig; Effekte und Flammen sehen oft mit 12 bis 15 am besten aus. Ping-Pong glättet Schleifen, die sonst zum Anfang zurückspringen würden.

Finde das richtige Tempo

Weiche Kanten im GIF

Ein GIF hat eine einzige transparente Farbe. Stell eine Hintergrundfarbe ein, die zu dem Ort passt, an dem das GIF erscheint, oder speichere ein APNG, das jede weiche Kante behält.

Die passende Größe zum Teilen

Vergrößere Pixel-Art 2× bis 4×, damit sie in Chats und Posts gut zu erkennen ist. Größe, Zahl der Frames und Dauer einer Schleife stehen unter der Animation.

Die passende Größe zum Teilen

Wer Sprite Sheets als GIF nutzt

Typische Gründe, warum Leute ein Sprite Sheet animieren.

  • Spieleentwicklung

    Prüf das Timing einer Animation, bevor sie in die Engine kommt, und teil eine Vorschau mit dem Team.

  • Pixel-Art

    Poste animierte Sprites als scharfe, vergrößerte GIFs in sozialen Netzwerken und im Portfolio.

  • Modding und Fans

    Mach aus Sprite-Rips und Mod-Sheets GIFs für Wikis, Foren und Chats.

  • Web- und App-Design

    Erstelle Lade-Icons, Sticker und kleine Animationen als GIF- oder APNG-Dateien.

Häufige Fragen: Sprite Sheet in GIF

Antworten zum Animieren von Sprite Sheets, zu Dateien und zum Datenschutz.









Jetzt Sprite Sheet in GIF umwandeln

Öffne ein Sheet und sieh es in Sekunden in Bewegung, kostenlos und direkt in deinem Browser.

Sprite Sheet öffnen