Sprite Sheet Generator
Kombinera bilder till sprite sheet med dra-för-att-ordna-om, rutnätslayout, padding, skalningslägen. Exportera PNG/WebP/JPG med JSON-atlasdata för spelmotorer och CSS.
Vad är ett sprite-sheet och varför använda ett?
Ett sprite-sheet är en enda bildfil som innehåller flera mindre bilder (sprites) arrangerade i ett rutnät. Att använda sprite-sheets minskar HTTP-förfrågningar, förbättrar sidladdningsprestanda och gör spelrendering mer effektiv.
Vilka bildformat stöds?
Du kan ladda upp PNG-, JPG-, GIF-, SVG- och WebP-bilder. Verktyget stöder batch-uppladdning och inklistring från urklipp (Ctrl+V) för snabbt arbetsflöde.
Vilka exportformat är tillgängliga?
Exportera sprite-sheets som PNG (med transparens), WebP (modernt format med mindre filstorlek) eller JPG (bäst för foton utan transparens). Välj baserat på dina plattforms krav.
Hur ordnar jag om bilder i sprite-sheeten?
Dra och släpp bildminiatyrer för att ordna om deras position i sprite-sheeten. Du kan också klistra in bilder direkt från urklipp med Ctrl+V.
Vad är JSON-atlasdata och vilka motorer stöder det?
JSON-atlasdata innehåller position, storlek och raminformation för varje sprite. Det är kompatibelt med populära spelmotorer som Phaser, PixiJS, Unity, Cocos2d och många andra för automatisk sprite-extrahering.
Vad är de olika skalningslägena?
Anpassa behåller proportioner. Fyll täcker cellen och beskär. Sträck deformerar för att fylla.
Stöder verktyget transparens?
Ja, PNG och WebP bevarar transparens. Du kan också ställa in en anpassad bakgrundsfärg, vilket är användbart för JPG-exporter som inte stöder transparens.
Hur påverkar padding sprite-sheeten?
Padding lägger till utrymme mellan individuella sprites i arket, vilket förhindrar visuell blödning när texturer samplas. Detta är särskilt viktigt för spelmotorer som använder linjär filtrering.
Kan jag använda sprite-sheets för CSS?
Ja, sprite-sheets fungerar utmärkt för CSS-sprites. JSON-atlasdata kan användas för att generera CSS background-position-regler, vilket minskar HTTP-förfrågningar och förbättrar sidladdningsprestanda.
Vad är bästa praxis för sprite-sheet-dimensioner?
Håll dimensioner som potenser av 2 (256x256, 512x512, 1024x1024) för optimal GPU-texturhantering. De flesta spelmotorer föredrar dessa dimensioner för bättre prestanda och kompatibilitet.
Hur förbättrar sprite-sheets spelprestanda?
Sprite-sheets minskar ritningsanrop genom att batcha flera sprites i en enda textur. Detta minimerar GPU-tillståndsändringar, minskar minnesöverbelastning och möjliggör mer effektiv rendering.
Vad är skillnaden mellan sprite-sheets och texturatlas?
Sprite-sheets arrangerar typiskt ramar i ett enhetligt rutnät, medan texturatlas kan packa oregelbundet formade sprites mer effektivt med algoritmer som bin packing.