Spring til hovedindhold

Al behandling sker lokalt i din browser

Image Machine logo
Image Machine

Tilbage til Hjem

Sprite Sheet Generator – CSS Sprites & Teksturatlas

Pak flere billeder ind i et enkelt sprite-ark og få de præcise CSS background-positions og et TexturePacker-stil JSON-kort. Ideel til CSS sprites, webikoner og spilanimationsrammer. Omarranger, indstil kolonner og fyld, og download derefter arket plus dets koordinater. Gratis, privat og 100 % i din browser.

Upload billeder til pakning

Accepterede formater: JPG, PNG, WEBP, BMP, GIF (ikke-animerede)

Upload Billede

Paste (Ctrl/⌘+V) or drop an image — or import from a URL

Kombiner mange små billeder til et enkelt sprite-ark for at fremskynde dit websted eller spil. Image Machine pakker dine ikoner eller rammer ind i ét billede i browseren — ingen upload, ingen konto — så du kan servere dem i en enkelt anmodning. Arket samles på din enhed, og dine aktiver forbliver private.

Sådan fungerer det

1

Vælg et værktøj

Vælg mellem 120+ værktøjer til at ændre størrelse, konvertere, komprimere eller forbedre dit billede.

2

Upload og rediger

Træk og slip dit billede og juster indstillingerne. Det forbliver på din enhed.

3

Download

Gem dit resultat øjeblikkeligt — intet vandmærke, ingen tilmelding påkrævet.

Hvorfor Image Machine?

Dine filer forlader aldrig din enhed

Al behandling foregår lokalt i din browser. Dine billeder uploades aldrig til en server.

Helt gratis

Alle værktøjer er gratis, uden begrænsninger, uden vandmærker og uden skjulte omkostninger.

Lynhurtigt

Ingen ventetid på upload — dine billeder behandles øjeblikkeligt på din egen enhed.

Professionel kvalitet

Pixelperfekt resultat med fuld kontrol over format, størrelse og kvalitet.

Ofte stillede spørgsmål

Hvad bruges et sprite sheet til?

Et sprite sheet samler mange små grafikelementer — ikoner, knapper eller animationsbilleder — i ét billede. At indlæse en enkelt fil i stedet for snesevis skærer netværksforespørgsler ned, hvilket gør websider og spil hurtigere.

Hvordan bruger jeg sprite sheet'et på et websted?

Vis det kombinerede billede, og forskyd dets position med CSS background-position for kun at vise det ikon, du har brug for. Animationsmotorer fungerer på samme måde og bladrer gennem billeder pakket i sheet'et.

Forringer det at kombinere billeder kvaliteten?

Nej — hvert billede placeres i sheet'et i fuld opløsning. Eksportér som PNG for at holde alt tabsfrit med gennemsigtighed, hvilket er standardvalget til ikoner og UI-sprites.

Redigeringsværktøjer

Tekst Vandmærke

Logo & Billedvandmærke

Tærskel

Video til GIF

Vend GIF om

Tilpas GIF-størrelse