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
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
Pixel Art Generator
Bild hochladen und in Minecraft-Blöcke umwandeln — mit Materialliste, Bauplan und /fill-Befehlen. Alles im Browser.
Gebaut von Eric Mager
Bilder komprimieren & verkleinern
Bilder online komprimieren und verkleinern: JPG, PNG und WebP kleiner machen, auf eine Zieldateigröße in KB bringen oder konvertieren, z. B. PNG in JPG. Läuft komplett im Browser.
Gebaut von Dimitri Heissler
Bild zuschneiden (Image Cropper)
NeuBild zuschneiden: frei, rund oder auf feste Formate wie YouTube-Thumbnail, Discord-Banner, Instagram-Story und X-Header, pixelgenau und als PNG, JPG oder WebP. Läuft komplett im Browser.
Gebaut von Luca Stanek
SVG in PNG umwandeln (SVG to PNG)
NeuSVG in PNG umwandeln: Vektorgrafiken scharf in jeder Größe als PNG, JPG oder WebP speichern, mit transparentem Hintergrund und Vorlagen für Favicon, Discord-Emoji und Minecraft-Server-Icon. Läuft komplett im Browser.
Gebaut von Luca Stanek
Favicon Generator
Aus einem beliebigen Bild einen kompletten Favicon-Satz erzeugen - favicon.ico, Apple-Touch-Icon, Android-Chrome-Icons, site.webmanifest und fertiges HTML-Snippet zum Kopieren, komplett im Browser.
Gebaut von Jakub Martyniak
Farbpicker aus Bild
Farbcode aus einem Bild auslesen: Farbpipette mit Lupe, HEX, RGB und HSL, Farbpalette des Bildes und Kontrast-Hinweis. Das Bild bleibt im Browser.
Gebaut von Dimitri Heissler
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 kontaktierenMiete 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.
Kein Setup. Kein Risiko. In Sekunden online.
Auf der Suche nach weiteren Tools? Alle Bild- & Design-Tools ansehen
