Sprite Sheet Generator
Kombiner billeder til sprite sheet med træk-for-at-omarrangere, gitterlayout, padding, skaleringstilstande. Eksportér PNG/WebP/JPG med JSON-atlasdata til spilmotorer og CSS.
Hvad er et sprite-sheet og hvorfor bruge et?
Et sprite-sheet er en enkelt billedfil, der indeholder flere mindre billeder (sprites) arrangeret i et gitter. Brug af sprite-sheets reducerer HTTP-anmodninger, forbedrer sideindlæsningsydelse og gør spilrendering mere effektiv.
Hvilke billedformater understøttes?
Du kan uploade PNG-, JPG-, GIF-, SVG- og WebP-billeder. Værktøjet understøtter batch-upload og indsættelse fra udklipsholder (Ctrl+V) for hurtigt arbejdsgang.
Hvilke eksportformater er tilgængelige?
Eksporter sprite-sheets som PNG (med gennemsigtighed), WebP (moderne format med mindre filstørrelse) eller JPG (bedst til fotos uden gennemsigtighed). Vælg baseret på din platforms krav.
Hvordan omarrangerer jeg billeder i sprite-sheetet?
Træk og slip billedminiaturebilleder for at omarrangere deres position i sprite-sheetet. Du kan også indsætte billeder direkte fra udklipsholderen med Ctrl+V.
Hvad er JSON-atlasdata, og hvilke motorer understøtter det?
JSON-atlasdata indeholder position, størrelse og rammeinformation for hver sprite. Det er kompatibelt med populære spilmotorer som Phaser, PixiJS, Unity, Cocos2d og mange andre til automatisk sprite-ekstraktion.
Hvad er de forskellige skaleringstilstande?
Tilpas bevarer proportioner. Udfyld dækker cellen og beskærer. Stræk deformerer for at udfylde.
Understøtter værktøjet gennemsigtighed?
Ja, PNG og WebP bevarer gennemsigtighed. Du kan også angive en brugerdefineret baggrundsfarve, hvilket er nyttigt for JPG-eksporter, der ikke understøtter gennemsigtighed.
Hvordan påvirker padding sprite-sheetet?
Padding tilføjer plads mellem individuelle sprites i arket, hvilket forhindrer visuel blødning, når teksturer samples. Dette er især vigtigt for spilmotorer, der bruger lineær filtrering.
Kan jeg bruge sprite-sheets til CSS?
Ja, sprite-sheets fungerer fremragende til CSS-sprites. JSON-atlasdata kan bruges til at generere CSS background-position-regler, hvilket reducerer HTTP-anmodninger og forbedrer sideindlæsningsydelse.
Hvad er bedste praksis for sprite-sheet-dimensioner?
Hold dimensioner som potenser af 2 (256x256, 512x512, 1024x1024) for optimal GPU-teksturhåndtering. De fleste spilmotorer foretrækker disse dimensioner for bedre ydelse og kompatibilitet.
Hvordan forbedrer sprite-sheets spilydelse?
Sprite-sheets reducerer tegningskald ved at batche flere sprites i en enkelt tekstur. Dette minimerer GPU-tilstandsændringer, reducerer hukommelsesoverbelastning og muliggør mere effektiv rendering.
Hvad er forskellen mellem sprite-sheets og tekstur-atlas?
Sprite-sheets arrangerer typisk rammer i et ensartet gitter, mens tekstur-atlas kan pakke uregelmæssigt formede sprites mere effektivt ved hjælp af algoritmer som bin packing.
Sådan bruges Sprite Sheet Generator
Kombinér flere billeder til ét sprite sheet direkte i din browser. Træk for at ændre rækkefølgen af frames, finjustér gitter og padding, og eksportér et PNG/WebP/JPG-atlas med JSON-data til spilmotorer og CSS-sprites. Al behandling sker lokalt.
- Tilføj dine billeder og brug knapperne + og − til at indstille gitterets Columns og Rows.
- Indstil Padding (px) for at skabe plads mellem sprites og undgå texture bleeding.
- Lad Sprite Size stå på Auto for den største frame, eller skriv faste mål for ensartede celler.
- Vælg en Scale Mode — Fit, Fill eller Stretch — for at styre, hvordan hvert billede placeres i sin celle.
- Vælg Background (Transparent, White, Black eller Custom), indstil Format til PNG, WebP eller JPG og giv filen et navn under Filename.
- Træk miniaturerne for at ændre frame-rækkefølgen — atlas-koordinaterne opdateres automatisk — og eksportér arket sammen med JSON-atlasen.
Brug mindst 2 px padding, så nabosprites ikke flyder sammen, når teksturer skaleres eller filtreres i din motor.
Relaterede værktøjer
- Chmod-beregner Gratis online chmod-beregner til at visualisere og beregne Linux-filrettigheder med afkrydsningsfelter. Konverter straks mellem numerisk (755, 644) og symbolsk notation (rwxr-xr-x). Understøtter specielle rettigheder som setuid, setgid, sticky bit.
- ASCII-tabel Komplet ASCII-tegnkodningsreference med decimal-, hex-, oktal-, binærkoder, HTML-entiteter og tegnbeskrivelser. Øjeblikkelig søgning og filtrering.
- HTTP-anmodning Tester Test REST API'er direkte i din browser. Send GET-, POST-, PUT-, DELETE-anmodninger med brugerdefinerede headers, body og parametre. Se svarstatus, headers og JSON-body øjeblikkeligt.
- .htaccess-generator Generer Apache .htaccess-regler for omdirigeringer, omskrivninger, sikkerhedshoveder, caching og mere.
- Robots.txt Generator Gratis online robots.txt generator. Opret og tilpas robots.txt-filer til at styre søgemaskinens crawling, administrere crawler-adgang og optimere dit websteds SEO.
- Sitemap Generator Gratis online XML sitemap generator. Tilføj URL'er, angiv prioriteter og frekvenser, opret SEO-sitemaps med det samme.
- GIF Opdel Billeder Udtræk og download enkelte billeder fra GIF-animationer som PNG eller sprite-sheet. Gratis onlineværktøj med forhåndsvisning og ZIP-eksport.
- GIF Baglæns Omvend afspilningsrækkefølgen for GIF-animationer gratis online. Upload, forhåndsvis og download med det samme.