Terug naar Home
Sprite Sheet Generator – CSS Sprites & Textuuratlas
Pak meerdere afbeeldingen in één sprite sheet en krijg de exacte CSS background-positions en een JSON-kaart in TexturePacker-stijl. Ideaal voor CSS-sprites, webpictogrammen en game-animatiekaders. Herschik, stel kolommen en opvulling in, en download vervolgens de sheet plus de coördinaten. Gratis, privé en 100% in je browser.
Upload afbeeldingen om te packen
Geaccepteerde formaten: JPG, PNG, WEBP, BMP, GIF (niet-geanimeerd)
Plak (Ctrl/⌘+V) of sleep een afbeelding — of importeer via URL
Combineer veel kleine afbeeldingen tot één sprite-sheet om uw site of game te versnellen. Image Machine pakt uw iconen of frames in één afbeelding in de browser — geen upload, geen account — zodat u ze in één enkele aanvraag kunt serveren. Het sheet wordt op uw apparaat samengesteld en uw activa blijven privé.
Hoe Het Werkt
Kies een tool
Kies uit 120+ tools om je afbeelding te vergroten of verkleinen, converteren, comprimeren of verbeteren.
Uploaden en bewerken
Sleep je afbeelding hierheen en pas de instellingen aan. Hij blijft op je apparaat.
Downloaden
Sla je resultaat direct op — geen watermerk, geen registratie nodig.
Waarom Image Machine?
Je bestanden verlaten nooit je apparaat
Alle verwerking gebeurt lokaal in je browser. Je afbeeldingen worden nooit naar een server geüpload.
Volledig gratis
Elke tool is gratis — zonder limieten, watermerken of verborgen kosten.
Bliksemsnel
Geen wachttijd voor uploaden — je afbeeldingen worden direct op je eigen apparaat verwerkt.
Professionele kwaliteit
Pixelperfect resultaat met volledige controle over formaat, grootte en kwaliteit.
Veelgestelde Vragen
Waarvoor dient een sprite sheet?
Een sprite sheet voegt veel kleine graphics samen — pictogrammen, knoppen of animatieframes — tot één afbeelding. Eén bestand laden in plaats van tientallen vermindert het aantal netwerkverzoeken, wat webpagina's en games sneller maakt.
Hoe gebruik ik de sprite sheet op een website?
Toon de samengevoegde afbeelding en verschuif de positie ervan met CSS background-position om alleen het pictogram te tonen dat je nodig hebt. Animatie-engines werken op dezelfde manier en stappen door frames die in de sheet zijn verpakt.
Gaat er kwaliteit verloren bij het samenvoegen van afbeeldingen?
Nee — elke afbeelding wordt op volledige resolutie in de sheet geplaatst. Exporteer als PNG om alles lossless met transparantie te houden, wat de standaardkeuze is voor pictogrammen en UI-sprites.