Sprite sheet-generator
Pak een set afbeeldingen in één sprite sheet-PNG met een instelbaar raster, plus downloadbare framecoördinaten als JSON. Draait volledig in je browser.
🔒 Deze tool werkt volledig in je browser. Je bestanden worden nooit naar een server geüpload.
Hoe het werkt
- Kies je afbeeldingen, in de volgorde waarin je ze wilt inpakken.
- Pas de rasterkolommen en de opvulling aan.
- Download de ingepakte PNG, en optioneel de framecoördinaten als JSON.
FAQ
Welke grootte gebruikt elke cel als mijn afbeeldingen verschillende groottes hebben?
Elke cel wordt zo groot gemaakt dat de grootste afbeelding in je set past, dus kleinere afbeeldingen worden linksboven in hun cel geplaatst in plaats van uitgerekt.
Wat zit er in de frame-data-JSON?
De x, y, breedte en hoogte van elke afbeelding in de sprite sheet, in de volgorde van toevoegen — klaar voor een game-engine of CSS-sprite-lookup.
Maakt de volgorde van mijn geüploade afbeeldingen uit?
Ja — afbeeldingen worden van links naar rechts, van boven naar beneden ingepakt in de volgorde die je hebt geselecteerd.
Worden mijn afbeeldingen ergens geüpload?
Nee — inpakken gebeurt lokaal op een canvas in je browser.
Hoe wij ons verhouden
| Functie | Online Tool Store | Handmatige lay-out in een beeldbewerker | Desktop-sprite-packers |
|---|---|---|---|
| Geen installatie | ✓ | ✓ | ✗ |
| Framecoördinaten inbegrepen | ✓ | ✗ | ✓ |
Sprites handmatig plaatsen in een beeldbewerker betekent coördinaten met de hand berekenen. Sprite Sheet Generator pakt ze in en geeft je de coördinaten.