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.