Zum Inhalt springen
Kostenloses Tool

Sprite Sheet Cutter: Sprite Sheet in einzelne Frames zerlegen

Der Sprite Sheet Cutter schneidet dein PNG, JPG oder GIF nach Spalten und Zeilen oder Sprite-Größe in einzelne Frames, z. B. ein Sheet mit 274 × 138 px, 8 Spalten und 4 Zeilen in 32 PNGs mit je 32 × 32 px. Kostenlos, ohne Anmeldung und ohne Upload: Dein Bild wird nur im Browser verarbeitet.

Gebaut von Justin Schuessler

Sprites fertig? Teste deine Mod auf deinem eigenen Minecraft-Server.

Sprite Sheet hierher ziehen oder auswählen

PNG, JPG oder GIF, auch große Sheets wie 8192 × 8192 px, bis zu 10.000 Frames je Raster. Einfügen per Strg+V geht auch.

Dein Bild bleibt in deinem Browser: Es wird weder hochgeladen noch gespeichert.

Noch kein Sprite Sheet geladen

Die Animations-Vorschau erscheint, sobald das Raster gültig ist.

Download

Jedes Frame wird als PNG gespeichert, verlustfrei und mit Transparenz, auch wenn das Original ein JPG ist.

Raster

Lade ein Sprite Sheet, das Raster wird dann automatisch erkannt.

Beispiel-Ergebnis

So zerlegt der Sprite Sheet Cutter ein Sheet

Das Tool erkennt Spalten, Zeilen, Offset und Spacing an den transparenten Lücken oder nimmt deine Werte. Es zeigt das Raster live und speichert jedes Frame als PNG. Das Beispiel ist das Sheet hinter dem Button „Beispiel-Sheet laden“, deine Werte hängen von deinem Bild ab.

Beispiel · Eingabe: 274 × 138 px, 8 Spalten, 4 Zeilen, Offset 2 px, Spacing 2 px

Frames
32
Framegröße
32 × 32px
Raster
8 × 4
Spalten × Zeilen
Ungenutzter Rest
2 / 2px
rechts / unten

Ausgabe

beispiel-sprite-sheet-frames.zip
sprite_00.png   x   2  y   2  32 × 32sprite_01.png   x  36  y   2  32 × 32sprite_02.png   x  70  y   2  32 × 32sprite_08.png   x   2  y  36  32 × 32…sprite_31.png   x 240  y 104  32 × 32
  • sprite_{index}Dateimuster: laufende Nummer, mit Nullen auf zwei Stellen aufgefüllt
  • x / yPosition des Frames im Sheet: Offset plus Frames und Spacing davor

Warum dieses Tool

Ein Sprite Sheet Splitter, der das Raster zeigt

Gemacht für Modder, Indie-Entwickler und alle, die Spielgrafiken für ihren eigenen Server vorbereiten.

Raster erkannt, live über dem Bild

Spalten, Zeilen, Rand und Abstand findet das Tool an den transparenten Lücken selbst. Jede Korrektur verschiebt das Raster sofort, du siehst vor dem Export, ob jedes Frame sauber getroffen wird.

Frames gezielt auswählen

Ein Klick wählt ein Frame aus oder ab, Shift+Klick einen ganzen Bereich. Exportiere nur den Laufzyklus statt das ganze Sheet, einzeln als PNG oder gesammelt als ZIP.

Animation vor dem Download prüfen

Die ausgewählten Frames laufen als Schleife mit einstellbarer Geschwindigkeit von 1 bis 60 FPS. Ein falscher Offset fällt so sofort als Ruckeln auf.

GIF in Frames zerlegen

Aus einem animierten GIF werden die einzelnen Animations-Frames, korrekt zusammengesetzt. Viele GIFs speichern nur geänderte Bereiche, hier kommt trotzdem jedes Frame vollständig heraus.

Pixelgenau als PNG

Frames werden ohne Glättung kopiert und verlustfrei als PNG gespeichert. Transparenz bleibt erhalten und Pixel-Art bleibt beim Zoomen scharf.

Ohne Upload, auch für große Sheets

Das Bild wird nur in deinem Browser verarbeitet, nichts landet auf einem Server. Auch Sheets mit 8192 × 8192 Pixeln lassen sich flüssig zoomen, weil nur der sichtbare Teil gezeichnet wird.

So funktioniert es

So zerlegst du ein Sprite Sheet in vier Schritten

Vom Sheet bis zum ZIP ohne Konto und ohne Upload.

Schritt 1

Sprite Sheet laden

Ziehe ein PNG, JPG oder GIF in das Feld, wähle es aus oder füge es mit Strg+V ein. Bei PNG und GIF mit Transparenz erkennt das Tool das Raster an den Lücken zwischen den Sprites, samt Rand, Abstand und gezeichneten Trennlinien.

Schritt 2

Raster prüfen und bei Bedarf anpassen

Das Raster liegt live über dem Bild. Passt es nicht, gib unter „Raster anpassen“ Spalten und Zeilen oder die Sprite-Größe an, dazu Offset und Spacing. Bei einem JPG stellst du das Raster immer selbst ein.

Schritt 3

Animation testen

Die Animations-Vorschau spielt die Frames als Schleife mit 1 bis 60 Bildern pro Sekunde ab, mit den Pfeilen gehst du Frame für Frame durch. Ruckelt die Animation, stimmen Offset oder Spacing meist noch nicht.

Schritt 4

Frames auswählen und herunterladen

Wähle einzelne Frames per Klick, einen Bereich mit Shift+Klick oder nimm alle, lege das Dateimuster mit {index}, {row} und {col} fest und lade die Frames als PNG oder gesammelt als ZIP herunter.

Leitfaden

Raster einstellen: Spalten, Zeilen, Sprite-Größe, Offset und Spacing

Zwei Wege führen zum selben Raster. Nimm den, dessen Werte du kennst, das andere rechnet das Tool aus und zeigt es an.

Spalten und Zeilen
Wie viele Frames nebeneinander und untereinander liegen. Das Tool rechnet daraus die Sprite-Größe aus.
Sprite-Breite und -Höhe
Die Größe eines Frames in Pixeln, wenn du sie kennst, etwa 16, 32 oder 64 px. Das Tool rechnet daraus Spalten und Zeilen aus.
Offset X und Y
Der Rand oben und links, bevor das erste Frame beginnt. Viele Sheets haben hier 1 oder 2 Pixel.
Spacing X und Y
Der Abstand zwischen zwei Frames. Er zählt nur zwischen den Frames, nicht hinter dem letzten.

So rechnet das Tool

Sprite-Breite = (Bildbreite − Offset − Spacing × (Spalten − 1)) ÷ Spalten

Beispiel: Ein Sheet mit 274 px Breite, Offset 2 px, Spacing 2 px und 8 Spalten ergibt (274 − 2 − 2 × 7) ÷ 8 = 32,25, abgerundet 32 px je Frame. Übrig bleiben 2 px am rechten Rand.

Passt eine Einstellung nicht zum Bild, etwa mehr Spalten als Pixel oder ein Offset größer als das Bild, zeigt das Tool den Grund an, statt still falsche Frames zu exportieren. Ein Raster hat höchstens 10.000 Frames.

Raster finden

Automatisch, von Hand oder per Bereich: So findet das Tool das Raster

Welcher Weg passt, hängt von deinem Sheet ab. Alle drei enden im selben gleichmäßigen Raster.

Automatisch erkennen

Bei PNG und GIF mit Transparenz sucht das Tool die durchsichtigen Lücken zwischen den Sprites und einfarbige Trennlinien. Daraus leitet es Spalten, Zeilen, Offset und Spacing ab, bis zu einer Bildfläche von 8192 × 8192 Pixeln.

Von Hand einstellen

Bei einem JPG, bei Bildern mit mehr Fläche als 8192 × 8192 Pixel oder wenn die Erkennung danebenliegt, gibst du Spalten und Zeilen oder die Sprite-Größe ein, dazu Offset und Spacing. Passt ein Wert nicht zum Bild, nennt das Tool den Grund.

Bereich ziehen

Auf einem Mastersheet mit Blöcken unterschiedlicher Zellgröße ziehst du ein Rechteck um einen Block. Das Tool erkennt das Raster dann nur in diesem Bereich, die Kanten rasten an den Lücken zwischen den Sprites ein.

Gepackte Texture Atlases, in denen unterschiedlich große Frames kreuz und quer liegen, lassen sich nicht über ein Raster zerlegen. Ihre Koordinaten stehen in der Atlas-Datei des Packprogramms, und die liest dieses Tool nicht.

GIF Splitter

GIF in einzelne Frames zerlegen

Ein animiertes GIF ist kein Raster, sondern eine Folge von Bildern. Dafür gibt es einen eigenen Modus.

Erstes Bild als Sheet

Ist dein GIF in Wahrheit ein Sprite Sheet, schaltest du „GIF-Frames exportieren“ aus. Dann nutzt das Tool das erste Bild wie ein PNG und erkennt das Raster.

GIF-Frames exportieren

Ein animiertes GIF öffnet das Tool direkt in diesem Modus und zerlegt die Animation in ihre Einzelbilder, bis zu 200 Frames. Die Geschwindigkeit der Vorschau übernimmt das Tool aus dem GIF.

Vollständige Frames statt Bruchstücke

GIFs speichern oft nur den Bereich, der sich ändert, und legen fest, was mit dem vorigen Bild passiert. Das Tool setzt jedes Frame nach diesen Regeln zusammen, so entstehen keine halben oder verschmierten Bilder.

Mehr entdecken

Weitere Tools

FAQ

Häufig gestellte Fragen

Kurze Antworten rund um Sprite Sheets, GIF-Frames und diesen Sprite Sheet Cutter.

Ein Sprite Sheet Cutter, auch Sprite Sheet Splitter oder Slicer genannt, schneidet ein Sprite Sheet in einzelne Bilder. Ein Sprite Sheet ist eine Grafik, in der viele gleich große Frames einer Animation oder verschiedene Icons in einem Raster nebeneinander liegen. Spiele laden so eine einzige Datei statt Hunderte kleiner Bilder. Zum Bearbeiten, für Mods oder für ein anderes Werkzeug brauchst du die Frames aber oft wieder einzeln.

Lade das Sheet in das Tool. Meist erkennt es das Raster selbst, sonst stellst du Spalten und Zeilen oder die Größe eines Sprites ein. Prüfe das Raster in der Vorschau und spiele die Animation mit 1 bis 60 Bildern pro Sekunde ab. Sitzt jedes Frame sauber, lädst du alle Frames als ZIP herunter oder wählst vorher die gewünschten per Klick aus. Das dauert meist weniger als eine Minute.

Ja, bei PNG und GIF mit Transparenz. Das Tool sucht die durchsichtigen Lücken zwischen den Sprites und leitet daraus Spalten, Zeilen, Rand und Abstand ab, auch einfarbige Trennlinien zwischen den Frames erkennt es. Ein JPG hat keine Transparenz, dort stellst du das Raster selbst ein: über Spalten und Zeilen oder über die Sprite-Größe, den anderen Wert rechnet das Tool aus. Liegt die Erkennung daneben, korrigierst du sie unter „Raster anpassen“. „Automatisch erkennen“ holt den erkannten Stand zurück.

Offset ist der Rand oben und links, bevor das erste Frame beginnt. Spacing ist der Abstand zwischen zwei Frames, zum Beispiel eine 2 Pixel breite Trennlinie. Spacing zählt nur zwischen den Frames, nicht hinter dem letzten. Pixel, die rechts oder unten übrig bleiben, zeigt das Tool als ungenutzten Rest an.

Ja. Ein animiertes GIF öffnet das Tool direkt im GIF-Modus: Es zerlegt die Animation in ihre Einzelbilder, bis zu 200 Frames, und setzt jedes vollständig zusammen, auch wenn das GIF nur geänderte Bereiche speichert. Die Frames lädst du als PNG oder gesammelt als ZIP herunter. Ist das GIF in Wahrheit ein Sprite Sheet, schaltest du „GIF-Frames exportieren“ aus, dann nutzt das Tool das erste Bild als Sheet. So ist es Sprite Sheet Cutter und GIF Splitter in einem.

Einzelne PNG-Dateien, eine pro Frame, auf Wunsch gesammelt in einem ZIP. PNG ist verlustfrei und behält die Transparenz, auch wenn das Original ein JPG ist. Ein Sprite Sheet mit 274 × 138 px, 8 Spalten, 4 Zeilen, Offset 2 px und Spacing 2 px ergibt 32 Frames mit je 32 × 32 px, gespeichert als sprite_00.png bis sprite_31.png in einem ZIP. Die Namen folgen einem Muster mit {index}, {row} und {col}, Standard ist sprite_{index}. Die Zählung beginnt bei 0 oder 1 und lässt sich mit Nullen auffüllen, doppelte Namen bekommen im ZIP _2, _3 angehängt.

Das Tool ist kostenlos und braucht kein Konto. Das Bild wird in deinem Browser gelesen, dort zerlegt und als Datei zum Herunterladen bereitgestellt. Es gibt keinen Upload und keine Speicherung. Im Netzwerk-Tab der Entwicklertools siehst du, dass beim Zerlegen keine Anfrage mit deinem Bild entsteht.

PNG, JPG und GIF bis 200 MB und bis 16.384 Pixel je Seite. Das Raster erkennt das Tool bis zu einer Bildfläche von 8192 × 8192 Pixeln automatisch, ein Raster kann bis zu 10.000 Frames haben. Es arbeitet mit einem gleichmäßigen Raster: Auf einem Mastersheet mit Blöcken unterschiedlicher Zellgröße ziehst du mit „Bereich ziehen“ ein Rechteck um einen Block, bei einer halb gefüllten letzten Zeile hilft „Leere Frames überspringen“. Gepackte Texture Atlases, in denen die Frames kreuz und quer liegen, zerlegt das Tool nicht.

Noch weitere Fragen?

Support kontaktieren
Sprites fertig?

Miete deinen eigenen Gameserver in 60 Sekunden

Teste deine Mods, Texture Packs und Spielideen auf einem eigenen Server mit DDoS-Schutz, einfacher Mod-Verwaltung und genug Leistung für deine Community.

4,4/5 Trustpilot32.000+ Aktive ServerSeit 2010

Kein Setup. Kein Risiko. In Sekunden online.

Flexible LaufzeitJederzeit kündbarIn 60 Sekunden online

Auf der Suche nach weiteren Tools? Alle Bild- & Design-Tools ansehen