Laufzyklus eines Pixel-Ritters
Sechs Frames auf Transparenz, nach Hintergrund gefunden und auf eine Größe gebracht, damit die Animation ruckelfrei läuft.
Sprite Sheet zerschneiden: jedes Sprite als PNG
Zieh ein Sheet hierher, und dieser kostenlose Sprite Sheet Cutter findet jedes Sprite auf transparentem oder einfarbigem Hintergrund oder schneidet es nach Raster. Lade die Frames als PNGs, als GIF in Endlosschleife oder als JSON-Atlas herunter, alles direkt in deinem Browser.
Sprite-Sheet-CutterKostenlos · läuft in deinem Browser
Sprite Sheet hierher ziehen
PNG, JPG, WebP oder GIF. Alles bleibt in deinem Browser.
- Kostenlos, läuft im Browser
- Findet Sprites am Hintergrund
- Raster nach Anzahl oder Zellengröße
- PNG, GIF und JSON-Atlas
Sprite Sheet zerschneiden: acht Beispiele
Acht Sprite Sheets, eigens für diese Beispiele erstellt, jedes mit dem Sprite Sheet Cutter dieser Seite zerschnitten. Öffne eins und probier jede Einstellung aus.
RPG-Items auf Magenta
Zwölf Inventar-Icons auf einfarbigem Magenta, jedes als transparentes PNG ausgeschnitten.
App-Icon-Set auf Weiß
Zwölf flache Icons; Teile mit ein paar Pixeln Abstand, wie die Räder eines Einkaufswagens, bleiben bei ihrem Icon.
Explosionseffekt, Raster 4 × 2
Acht Effekt-Frames, nach Spalten und Zeilen geschnitten und dann als GIF in Endlosschleife abgespielt.
Hüpfender Slime (Idle)
Vier Frames mit ihren Bodenschatten, unten mittig ausgerichtet für die Animation.
Drehende Münze, Raster 8 × 1
Acht Frames mit sanftem Leuchten; die Einstellung für schwaches Leuchten hält jede Münze für sich.
Plattformer-Tileset
Sechzehn Tiles, die sich berühren, geschnitten mit 128 px Zellengröße.
Emoji-Sticker-Sheet
Zwölf Gesichter auf hellgrauem Hintergrund, bereit für Chat-Sticker.
So kannst du ein Sprite Sheet zerschneiden
Drei Schritte, und alles bleibt auf deinem Gerät.
Zieh ein PNG, JPG, WebP oder GIF hierher, füge es ein oder wähle es aus. Das Sheet bleibt auf deinem Gerät.
„Nach Hintergrund“ findet jedes Sprite auf Transparenz oder einer einzelnen Farbe, auch auf Magenta und Weiß. „Nach Raster“ schneidet gleich große Zellen nach Spalten und Zeilen oder nach Zellengröße, mit Versatz und Abstand.
Speichere jedes Sprite als PNG in einem ZIP, spiel die Frames ab und speichere ein animiertes GIF, oder nimm einen JSON-Atlas für deine Engine.
Was dieser Sprite Sheet Cutter am besten kann
Sechs Stärken, mit denen du jedes Sprite Sheet zerschneiden kannst, vom einzelnen Icon-Set bis zur ganzen Animation.
Sprite SheetTransparente oder einfarbige Hintergründe
Das Tool liest den Hintergrund an den Rändern des Sheets: Transparenz, Magenta, Weiß oder jede flache Farbe, mit einer Toleranz, die du selbst einstellst. Jedes Sprite wird ein transparentes PNG.
Sprite SheetTeile bleiben beim Sprite
Stücke mit ein paar Pixeln Abstand, etwa das Blitzen eines Schwerts, ein Schatten oder die Räder eines Wagens, kommen zu ihrem Sprite, und winzige Punkte fallen weg. Die Sprites werden in Leserichtung nummeriert.
Animations-Frames, die genau passen
„Alle Frames gleich groß“ setzt jedes Sprite auf dieselbe Leinwandgröße, unten mittig, damit die Füße auf dem Boden bleiben. Spiel die Frames in jedem Tempo ab und speichere ein GIF in Endlosschleife.
Ein JSON-Atlas für deine Engine
Lade Frame-Namen und Positionen im JSON-Hash-Format herunter, das Phaser und PixiJS lesen, zusammen mit den PNGs.
Raster, Pixel-Art und Rand
Schneide nach Spalten und Zeilen oder nach Zellengröße mit Versatz und Abstand, überspring leere Zellen, füg einen Rand hinzu und vergrößere Pixel-Art 2× oder 4× mit scharfen Pixeln.
Unruhige Hintergründe gehen an die KI
Ein Bild ohne sauberen Hintergrund, etwa eine gemalte Szene oder ein Foto, geht mit einem Klick an das KI-Tool „Bild ausschneiden“, das jedes Objekt für 1 Credit freistellt.
Ratgeber: saubere Sprites in sechs Tipps
Sechs kurze Tipps, mit denen jedes Sprite sauber aus dem Sheet kommt.
Wähle den passenden Modus
Nimm „Nach Hintergrund“, wenn die Sprites auf Transparenz oder einer Farbe frei stehen, auch mit ungleichen Abständen. Nimm „Nach Raster“, wenn jeder Frame in einer gleich großen Zelle sitzt oder wenn sich Tiles berühren.
Stell die Farbtoleranz ein
Erhöhe die „Farbtoleranz“, wenn etwas Hintergrund um die Sprites bleibt; senke sie, wenn Teile eines Sprites verschwinden. Wähle die Hintergrundfarbe von Hand, wenn die Ränder des Sheets unruhig sind.
Teile zusammenfassen, Punkte ignorieren
„Teile zusammenfassen bis“ hält abgetrennte Stücke bei ihrem Sprite; erhöhe den Wert für Icons aus mehreren Teilen. „Punkte ignorieren unter“ entfernt verirrte Pixel. Auf einem transparenten Sheet hält die Einstellung für schwaches Leuchten leuchtende Sprites auseinander.
Frames für Animationen
Schalte „Alle Frames gleich groß“ für Laufzyklen und Effekte ein, prüf die Animation und speichere dann das GIF oder das ZIP. Raster-Frames behalten die Zellengröße, außer du schneidest sie zu.
Pixel-Art
Vergrößere 2× oder 4× für scharfe, größere Frames für eine Vorschau oder eine Store-Seite; jeder Pixel bleibt quadratisch.
Was du herunterlädst
Jedes PNG trägt den Namen deiner Datei und eine Nummer in Leserichtung. Der JSON-Atlas speichert die Position jedes Frames auf dem ursprünglichen Sheet.
Wer einen Sprite Sheet Cutter nutzt
Typische Gründe, warum Leute ein Sprite Sheet zerschneiden.
Spieleentwicklung
Zerlege ein heruntergeladenes oder altes Sheet in Frames und bau die Animationen in deiner Engine neu auf.
Pixel-Art
Schneide deine eigenen Sheets in einzelne Frames, vergrößere sie gestochen scharf und teile animierte Vorschauen.
App- und Webdesign
Hol einzelne Icons als transparente PNGs aus einem Icon-Sheet.
Sticker und Emojis
Teile ein Sticker- oder Emoji-Sheet in eine Datei pro Sticker für Chat-Apps.
Häufige Fragen zu Sprite Sheets
Antworten zum Zerschneiden von Sprite Sheets, zu Dateien und zum Datenschutz.
Öffne das Sheet, lass „Nach Hintergrund“ eingeschaltet oder wechsle zu „Nach Raster“, prüf die Rahmen über dem Sheet und lade dann das ZIP mit PNGs, das animierte GIF oder den JSON-Atlas herunter.
Ja. Er läuft komplett in deinem Browser, braucht kein Konto und setzt kein Wasserzeichen.
Nein. Das Sheet wird auf deinem Gerät gelesen und zerschnitten; nichts geht an einen Server, und das Tool arbeitet auch offline weiter, sobald die Seite geladen ist.
Ja. Das Tool liest die Hintergrundfarbe an den Rändern des Sheets und macht sie in jedem PNG transparent. Pass die Farbtoleranz an oder wähle die Farbe von Hand.
Nimm „Nach Raster“ mit Spalten und Zeilen oder einer Zellengröße, dazu Versatz und Abstand. Leere Zellen werden übersprungen, und jeder Frame behält die Zellengröße für Animationen.
Ja. Spiel die Frames in jedem Tempo ab und speichere ein GIF in Endlosschleife mit transparentem Hintergrund.
Das JSON-Hash-Format lesen Phaser, PixiJS und viele andere Engines und Tools; es enthält den Namen und die Position jedes Frames auf dem Sheet.
Schneide es nach Raster, oder schick es an das KI-Tool „Bild ausschneiden“, das jedes Objekt findet und für 1 Credit freistellt.
Jetzt Sprite Sheet zerschneiden
Öffne ein Sheet und lade jedes Sprite in Sekunden als PNG herunter, kostenlos und direkt im Browser.
Sprite Sheet öffnen