Tilbake til Hjem
Spritearkgenerator – CSS-sprites og teksturatlas
Pakk flere bilder inn i ett enkelt spriteark og få nøyaktige CSS-bakgrunnsposisjoner og et JSON-kart i TexturePacker-stil. Ideelt for CSS-sprites, webikoner og spillanimasjonsrammer. Omorganiser, angi kolonner og avstand, og last deretter ned arket pluss dets koordinater. Gratis, privat og 100 % i nettleseren din.
Last opp bilder for pakking
Aksepterte formater: JPG, PNG, WEBP, BMP, GIF (ikke-animert)
Lim inn (Ctrl/⌘+V) eller slipp et bilde — eller importer fra en URL
Kombiner mange små bilder til ett enkelt sprite-ark for å øke hastigheten på nettstedet eller spillet ditt. Image Machine pakker ikonene eller rammene dine inn i ett bilde i nettleseren – ingen opplasting, ingen konto – slik at du kan levere dem i en enkelt forespørsel. Arket settes sammen på enheten din, og ressursene dine forblir private.
Slik fungerer det
Velg et verktøy
Velg blant 120+ verktøy for å endre størrelse, konvertere, komprimere eller forbedre bildet ditt.
Last opp og rediger
Dra og slipp bildet ditt og juster innstillingene. Det blir værende på enheten din.
Last ned
Lagre resultatet ditt umiddelbart — ingen vannmerke, ingen registrering nødvendig.
Hvorfor Image Machine?
Filene dine forlater aldri enheten din
All behandling skjer lokalt i nettleseren din. Bildene dine lastes aldri opp til en server.
Helt gratis
Alle verktøy er gratis, uten begrensninger, uten vannmerker og uten skjulte kostnader.
Lynraskt
Ingen ventetid på opplasting — bildene dine behandles umiddelbart på din egen enhet.
Profesjonell kvalitet
Pikselperfekt resultat med full kontroll over format, størrelse og kvalitet.
Ofte stilte spørsmål
Hva brukes en sprite sheet til?
En sprite sheet slår sammen mange små grafikker – ikoner, knapper eller animasjonsbilder – til ett bilde. Å laste én enkelt fil i stedet for dusinvis reduserer nettverksforespørsler, noe som gjør nettsider og spill raskere.
Hvordan bruker jeg sprite sheet-en på et nettsted?
Vis det sammensatte bildet og forskyv posisjonen med CSS background-position for å vise bare ikonet du trenger. Animasjonsmotorer fungerer på samme måte og går trinnvis gjennom bildene som er pakket i arket.
Mister man kvalitet ved å kombinere bilder?
Nei – hvert bilde plasseres i arket i full oppløsning. Eksporter som PNG for å holde alt tapsfritt med gjennomsiktighet, noe som er standardvalget for ikoner og brukergrensesnitt-sprites.