Naar de inhoud springen
Gratis tool

Sprite Sheet Cutter: Sprite Sheet opsplitsen in afzonderlijke frames

De Sprite Sheet Cutter snijdt je PNG, JPG of GIF op basis van kolommen en rijen of spritegrootte in afzonderlijke frames, bijvoorbeeld een sheet van 274 × 138 px met 8 kolommen en 4 rijen in 32 PNG's van elk 32 × 32 px. Gratis, zonder registratie of upload: je afbeelding wordt alleen in je browser verwerkt.

Gebouwd door Justin Schuessler

Sprites klaar? Test je Mod op je eigen Minecraft-server.

Sleep een Sprite Sheet hierheen of kies er een

PNG, JPG of GIF, ook grote sheets zoals 8192 × 8192 px, tot 10.000 frames per raster. Plakken met Ctrl+V kan ook.

Je afbeelding blijft in je browser: ze wordt niet geüpload of opgeslagen.

Nog geen Sprite Sheet geladen

Het animatievoorbeeld verschijnt zodra het raster geldig is.

Download

Elk frame wordt opgeslagen als PNG, zonder kwaliteitsverlies en met transparantie, ook als het origineel een JPG is.

Raster

Laad een sprite sheet; het raster wordt dan automatisch herkend.

Voorbeeldresultaat

Zo splitst de Sprite Sheet Cutter een sheet

De tool herkent kolommen, rijen, offset en spacing aan de transparante tussenruimtes, of gebruikt jouw waarden. Hij toont het raster live en slaat elk frame op als PNG. Het voorbeeld is het sheet achter de knop ‘Voorbeeldsheet laden’; jouw waarden hangen af van je afbeelding.

Voorbeeld · Invoer: 274 × 138 px, 8 kolommen, 4 rijen, offset 2 px, tussenruimte 2 px

Frames
32
Framegrootte
32 × 32px
Raster
8 × 4
Kolommen × rijen
Ongebruikte ruimte
2 / 2px
rechts / onder

Uitvoer

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}Bestandspatroon: oplopend nummer, met voorloopnullen tot twee cijfers
  • x / yPositie van het frame in de sheet: offset plus voorafgaande frames en tussenruimte

Waarom deze tool

Een Sprite Sheet Splitter die het raster toont

Gemaakt voor modders, indieontwikkelaars en iedereen die spelafbeeldingen voor zijn eigen server voorbereidt.

Raster herkend, live over de afbeelding

Het tool vindt kolommen, rijen, randen en afstanden zelf aan de hand van de transparante tussenruimtes. Elke aanpassing verschuift het raster direct, zodat je vóór het exporteren ziet of elk frame goed wordt afgebakend.

Specifieke frames selecteren

Met één klik selecteer of deselecteer je een frame, met Shift+klik een heel bereik. Exporteer alleen de loopcyclus in plaats van het hele sheet, afzonderlijk als PNG of samen als ZIP.

Animatie controleren vóór het downloaden

De geselecteerde frames worden in een lus afgespeeld met een instelbare snelheid van 1 tot 60 FPS. Een verkeerde offset valt daardoor meteen op als hapering.

GIF opsplitsen in frames

Uit een geanimeerde GIF worden de afzonderlijke animatieframes gehaald en correct samengevoegd. Veel GIF's slaan alleen gewijzigde delen op, maar hier krijg je toch elk frame volledig.

Pixelnauwkeurig als PNG

Frames worden zonder afvlakking gekopieerd en verliesvrij als PNG opgeslagen. Transparantie blijft behouden en pixelart blijft scherp bij het inzoomen.

Zonder upload, ook voor grote sheets

De afbeelding wordt alleen in je browser verwerkt; er wordt niets naar een server gestuurd. Zelfs op sheets van 8192 × 8192 pixels kun je soepel zoomen, omdat alleen het zichtbare deel wordt getekend.

Zo werkt het

Zo splits je een sprite sheet op in vier stappen

Van sheet tot ZIP zonder account of upload.

Stap 1

Sprite Sheet laden

Sleep een PNG, JPG of GIF naar het veld, selecteer het bestand of plak het met Ctrl+V. Bij transparante PNG's en GIF's herkent de tool het raster aan de ruimtes tussen de sprites, inclusief de marge, tussenruimte en getekende scheidingslijnen.

Stap 2

Raster controleren en zo nodig aanpassen

Het raster ligt direct over de afbeelding. Klopt het niet, voer dan onder ‘Raster aanpassen’ het aantal kolommen en rijen of de spritegrootte in, plus de offset en tussenruimte. Bij een JPG stel je het raster altijd zelf in.

Stap 3

Animatie testen

Het animatievoorbeeld speelt de frames in een lus af met 1 tot 60 frames per seconde. Met de pijlen ga je frame voor frame verder. Hapert de animatie, dan kloppen de offset of tussenruimte meestal nog niet.

Stap 4

Frames selecteren en downloaden

Selecteer afzonderlijke frames met een klik, een reeks met Shift+klik of selecteer alles. Stel het bestandsnaampatroon in met {index}, {row} en {col} en download de frames als PNG of samen als ZIP.

Handleiding

Raster instellen: kolommen, rijen, spritegrootte, offset en tussenruimte

Twee manieren leiden tot hetzelfde raster. Kies de manier waarvan je de waarden kent; de tool berekent en toont de rest.

Kolommen en rijen
Hoeveel frames er naast en onder elkaar staan. De tool berekent hieruit de spritegrootte.
Spritebreedte en -hoogte
De grootte van een frame in pixels, als je die weet, bijvoorbeeld 16, 32 of 64 px. De tool berekent daaruit het aantal kolommen en rijen.
Offset X en Y
De marge boven en links voordat het eerste frame begint. Veel sheets hebben hier 1 of 2 pixels.
Afstand X en Y
De afstand tussen twee frames. Die telt alleen tussen de frames, niet na het laatste frame.

Zo rekent de tool

Spritebreedte = (afbeeldingsbreedte − offset − afstand × (kolommen − 1)) ÷ kolommen

Voorbeeld: een sheet van 274 px breed, met een offset van 2 px, een tussenruimte van 2 px en 8 kolommen geeft (274 − 2 − 2 × 7) ÷ 8 = 32,25, afgerond naar beneden 32 px per frame. Aan de rechterrand blijft 2 px over.

Als een instelling niet bij de afbeelding past, bijvoorbeeld meer kolommen dan pixels of een Offset groter dan de afbeelding, toont het tool de reden in plaats van stilzwijgend verkeerde frames te exporteren. Een raster bevat maximaal 10.000 frames.

Raster vinden

Automatisch, handmatig of per gebied: zo vindt de tool het raster

Welke methode past, hangt af van je sheet. Alle drie leveren hetzelfde gelijkmatige raster op.

Automatisch detecteren

Bij transparante PNG's en GIF's zoekt de tool naar doorzichtige ruimtes tussen de sprites en effen scheidingslijnen. Daaruit bepaalt hij de kolommen, rijen, offset en tussenruimte, voor afbeeldingen tot 8192 × 8192 pixels.

Handmatig instellen

Bij een JPG, afbeeldingen groter dan 8192 × 8192 pixels of als de detectie niet klopt, voer je het aantal kolommen en rijen of de spritegrootte in, plus de offset en tussenruimte. Past een waarde niet bij de afbeelding, dan geeft de tool aan waarom.

Gebied slepen

Op een mastersheet met blokken van verschillende celgroottes trek je een rechthoek om een blok. De tool herkent het raster dan alleen binnen dat gebied; de randen springen naar de tussenruimtes tussen de sprites.

Samengepakte texture atlases waarin frames van verschillende groottes door elkaar liggen, kun je niet met een raster opsplitsen. Hun coördinaten staan in het atlasbestand van het programma waarmee ze zijn samengepakt, en dat leest deze tool niet.

GIF-splitter

GIF opsplitsen in afzonderlijke frames

Een geanimeerde GIF is geen raster, maar een reeks afbeeldingen. Daarvoor is er een aparte modus.

Eerste afbeelding als sheet

Is je GIF eigenlijk een Sprite Sheet? Schakel dan ‘GIF-frames exporteren’ uit. De tool gebruikt dan de eerste afbeelding als PNG en herkent het raster.

GIF-frames exporteren

Een geanimeerde GIF opent de tool direct in deze modus. De tool splitst de animatie op in losse beelden, tot 200 frames, en neemt de snelheid van de voorbeeldweergave over uit de GIF.

Volledige frames in plaats van fragmenten

GIFs slaan vaak alleen het gebied op dat verandert en bepalen wat er met het vorige beeld gebeurt. De tool stelt elk frame volgens die regels samen, zodat er geen onvolledige of vage beelden ontstaan.

Meer ontdekken

Meer tools

FAQ

Veelgestelde vragen

Korte antwoorden over sprite sheets, GIF-frames en deze sprite sheet cutter.

Een Sprite Sheet Cutter, ook wel Sprite Sheet Splitter of Slicer genoemd, snijdt een sprite sheet in afzonderlijke afbeeldingen. Een sprite sheet is een afbeelding waarop veel even grote frames van een animatie of verschillende pictogrammen naast elkaar in een raster staan. Zo hoeven games maar één bestand te laden in plaats van honderden kleine afbeeldingen. Voor bewerking, Mods of een andere tool heb je de frames vaak weer afzonderlijk nodig.

Voeg de sheet toe aan de tool. Meestal herkent deze het raster zelf; anders stel je de kolommen en rijen of de grootte van een sprite in. Controleer het raster in het voorbeeld en speel de animatie af met 1 tot 60 frames per seconde. Als elk frame goed is uitgesneden, download je alle frames als ZIP of selecteer je eerst de gewenste frames met een klik. Dat duurt meestal minder dan een minuut.

Ja, bij transparante PNG's en GIF's. De tool zoekt naar doorzichtige ruimtes tussen de sprites en bepaalt daaruit de kolommen, rijen, marge en tussenruimte. Hij herkent ook effen scheidingslijnen tussen de frames. Een JPG heeft geen transparantie, dus daar stel je het raster zelf in: via kolommen en rijen of via de spritegrootte. De tool berekent dan de andere waarde. Klopt de detectie niet, dan corrigeer je die onder ‘Raster aanpassen’. Met ‘Automatisch detecteren’ herstel je het gedetecteerde raster.

Offset is de rand bovenaan en links voordat het eerste frame begint. Spacing is de afstand tussen twee frames, bijvoorbeeld een scheidingslijn van 2 pixels breed. Spacing telt alleen tussen de frames, niet na het laatste. Het tool toont pixels die rechts of onder overblijven als ongebruikte rest.

Ja. Een geanimeerde GIF wordt direct in de GIF-modus geopend: de tool splitst de animatie op in maximaal 200 afzonderlijke frames en stelt elk frame volledig samen, ook als de GIF alleen gewijzigde gebieden opslaat. Je downloadt de frames als PNG of samen als ZIP. Is de GIF eigenlijk een sprite sheet, schakel dan ‘GIF-frames exporteren’ uit. De tool gebruikt dan het eerste frame als sheet. Zo is het een Sprite Sheet Cutter en GIF Splitter in één.

Afzonderlijke PNG-bestanden, één per frame, eventueel samen in een ZIP. PNG is verliesvrij en behoudt transparantie, ook als het origineel een JPG is. Een sprite sheet van 274 × 138 px, met 8 kolommen, 4 rijen, een offset van 2 px en een tussenruimte van 2 px, levert 32 frames van elk 32 × 32 px op, opgeslagen van sprite_00.png tot sprite_31.png in een ZIP-bestand. De namen volgen een patroon met {index}, {row} en {col}; standaard is dat sprite_{index}. De nummering begint bij 0 of 1 en kan met voorloopnullen worden aangevuld. Dubbele namen krijgen in de ZIP _2, _3 toegevoegd.

De tool is gratis en vereist geen account. De afbeelding wordt in je browser gelezen en opgesplitst, waarna je het resultaat kunt downloaden. Er wordt niets geüpload of opgeslagen. Op het tabblad Netwerk van de ontwikkelaarstools kun je zien dat bij het opsplitsen geen verzoek met je afbeelding wordt verstuurd.

PNG, JPG en GIF tot 200 MB en maximaal 16.384 pixels per zijde. De tool herkent het raster automatisch bij afbeeldingen tot 8192 × 8192 pixels; een raster kan maximaal 10.000 frames bevatten. De tool werkt met een gelijkmatig raster: op een mastersheet met blokken van verschillende celgroottes trek je met ‘Gebied selecteren’ een rechthoek om een blok. Bij een halfgevulde laatste rij helpt ‘Lege frames overslaan’. Samengepakte texture atlases waarin frames door elkaar liggen, kan de tool niet opsplitsen.

Sprites klaar?

Huur je eigen Game Server in 60 seconden

Test je Mods, Texture Packs en spelideeën op een eigen server met DDoS-bescherming, eenvoudig Mod-beheer en genoeg capaciteit voor je community.

4,4/5 Trustpilot32.000+ Actieve serversSinds 2010

Geen installatie. Geen risico. Binnen enkele seconden online.

Flexibele looptijdOp elk moment opzegbaarBinnen 60 seconden online

Op zoek naar meer tools? Alle beeld- en ontwerptools bekijken