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
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
Pixel Art-generator
Upload een afbeelding en zet die om in Minecraft-blokken — met materialenlijst, bouwplan en /fill-opdrachten. Alles in de browser.
Gebouwd door Eric Mager
Afbeeldingen comprimeren en verkleinen
Afbeeldingen online comprimeren en verkleinen: JPG, PNG en WebP kleiner maken, een doelbestandsgrootte in KB instellen of converteren, bijvoorbeeld PNG naar JPG. Werkt volledig in de browser.
Gebouwd door Dimitri Heissler
Afbeelding bijsnijden (Image Cropper)
NieuwAfbeelding bijsnijden: vrij, rond of in vaste formaten zoals een YouTube-thumbnail, Discord-banner, Instagram-story en X-header, pixelnauwkeurig en als PNG, JPG of WebP. Werkt volledig in je browser.
Gebouwd door Luca Stanek
SVG naar PNG omzetten (SVG to PNG)
NieuwZet SVG om naar PNG: sla vectorafbeeldingen op elke grootte haarscherp op als PNG, JPG of WebP, met transparante achtergrond en sjablonen voor favicons, Discord-emoji's en Minecraft-servericonen. Werkt volledig in je browser.
Gebouwd door Luca Stanek
Favicon-generator
Maak van een afbeelding een complete set favicons: favicon.ico, Apple-Touch-Icon, Android-Chrome-iconen, site.webmanifest en een kant-en-klaar HTML-fragment om te kopiëren. Alles gebeurt in jouw browser.
Gebouwd door Jakub Martyniak
Kleurkiezer voor afbeeldingen
Lees een kleurcode uit een afbeelding af: kleurenpipet met vergrootglas, HEX, RGB en HSL, het kleurenpalet van de afbeelding en een contrastindicatie. De afbeelding blijft in de browser.
Gebouwd door Dimitri Heissler
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.
Nog vragen?
Contact opnemen met supportHuur 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.
Geen installatie. Geen risico. Binnen enkele seconden online.
Op zoek naar meer tools? Alle beeld- en ontwerptools bekijken
