Tillbaka till Hem
Sprite Sheet-generator – CSS-sprites & texturatlas
Packa flera bilder till ett enda sprite-ark och få exakta CSS background-positions samt en JSON-karta i TexturePacker-stil. Perfekt för CSS-sprites, webbikoner och spelanimationsramar. Ändra ordning, ställ in kolumner och utfyllnad, ladda sedan ner arket plus dess koordinater. Gratis, privat och 100 % i din webbläsare.
Ladda upp bilder att packa
Accepterade format: JPG, PNG, WEBP, BMP, GIF (ej animerade)
Klistra in (Ctrl/⌘+V) eller släpp en bild — eller importera från en URL
Kombinera många små bilder till ett enda sprite-ark för att snabba upp din webbplats eller ditt spel. Image Machine packar dina ikoner eller ramar till en bild i webbläsaren — ingen uppladdning, inget konto — så att du kan leverera dem i en enda förfrågan. Arket monteras på din enhet och dina tillgångar förblir privata.
Så fungerar det
Välj ett verktyg
Välj bland 120+ verktyg för att ändra storlek, konvertera, komprimera eller förbättra din bild.
Ladda upp och redigera
Dra och släpp din bild och justera inställningarna. Den stannar på din enhet.
Ladda ner
Spara ditt resultat omedelbart — ingen vattenstämpel, ingen registrering krävs.
Varför Image Machine?
Dina filer lämnar aldrig din enhet
All bearbetning sker lokalt i din webbläsare. Dina bilder laddas aldrig upp till en server.
Helt gratis
Alla verktyg är gratis, utan begränsningar, utan vattenstämplar och utan dolda kostnader.
Blixtsnabbt
Ingen väntan på uppladdning — dina bilder bearbetas omedelbart på din egen enhet.
Professionell kvalitet
Pixelperfekt resultat med full kontroll över format, storlek och kvalitet.
Vanliga frågor
Vad används en sprite sheet till?
En sprite sheet slår samman många små grafiker — ikoner, knappar eller animationsbildrutor — till en enda bild. Att ladda en enda fil i stället för dussintals minskar nätverksförfrågningarna, vilket gör webbsidor och spel snabbare.
Hur använder jag en sprite sheet på en webbplats?
Visa den sammansatta bilden och förskjut dess position med CSS background-position för att visa bara den ikon du behöver. Animationsmotorer fungerar på samma sätt och stegar igenom bildrutor som packats i arket.
Förlorar sammanslagning av bilder kvalitet?
Nej — varje bild placeras i arket i full upplösning. Exportera som PNG för att hålla allt förlustfritt med genomskinlighet, vilket är standardvalet för ikoner och gränssnitts-sprites.