Generatore di Sprite Sheet
Combina immagini in sprite sheet con drag-to-reorder, layout a griglia, padding, modalità scala. Esporta PNG/WebP/JPG con dati JSON atlas per motori di gioco e CSS.
Cos'è un foglio sprite e perché usarne uno?
Un foglio sprite è un singolo file immagine contenente multiple immagini più piccole (sprite) disposte in una griglia. L'uso di fogli sprite riduce le richieste HTTP, migliora le prestazioni di caricamento della pagina e rende il rendering dei giochi più efficiente.
Quali formati di immagine sono supportati?
Puoi caricare immagini PNG, JPG, GIF, SVG e WebP. Lo strumento supporta il caricamento batch e l'incolla dagli appunti (Ctrl+V) per un flusso di lavoro rapido.
Quali formati di esportazione sono disponibili?
Esporta fogli sprite come PNG (con trasparenza), WebP (formato moderno con dimensioni file più piccole) o JPG (migliore per foto senza trasparenza). Scegli in base ai requisiti della tua piattaforma.
Come riordino le immagini nel foglio sprite?
Trascina e rilascia le miniature delle immagini per riordinare la loro posizione nel foglio sprite. Puoi anche incollare immagini direttamente dagli appunti usando Ctrl+V.
Cosa sono i dati JSON atlas e quali engine li supportano?
I dati JSON atlas contengono posizione, dimensione e informazioni sul frame per ogni sprite. Sono compatibili con engine di gioco popolari come Phaser, PixiJS, Unity, Cocos2d e molti altri per l'estrazione automatica degli sprite.
Quali sono le diverse modalità di scala?
Adatta mantiene le proporzioni. Riempi copre la cella e ritaglia. Allunga deforma per riempire.
Lo strumento supporta la trasparenza?
Sì, PNG e WebP preservano la trasparenza. Puoi anche impostare un colore di sfondo personalizzato, utile per le esportazioni JPG che non supportano la trasparenza.
Come il padding influisce sul foglio sprite?
Il padding aggiunge spazio tra i singoli sprite nel foglio, prevenendo sbavature visive quando le texture vengono campionate. Questo è particolarmente importante per gli engine di gioco che usano il filtraggio lineare.
Posso usare i fogli sprite per CSS?
Sì, i fogli sprite funzionano benissimo per gli sprite CSS. I dati JSON atlas possono essere usati per generare regole CSS background-position, riducendo le richieste HTTP e migliorando le prestazioni di caricamento della pagina.
Quali sono le migliori pratiche per le dimensioni dei fogli sprite?
Mantieni le dimensioni come potenze di 2 (256x256, 512x512, 1024x1024) per una gestione ottimale delle texture GPU. La maggior parte degli engine di gioco preferisce queste dimensioni per migliori prestazioni e compatibilità.
Come i fogli sprite migliorano le prestazioni dei giochi?
I fogli sprite riducono le chiamate di disegno raggruppando più sprite in una singola texture. Questo minimizza i cambiamenti di stato GPU, riduce l'overhead della memoria e consente un rendering più efficiente.
Qual è la differenza tra fogli sprite e atlas di texture?
I fogli sprite tipicamente dispongono i frame in una griglia uniforme, mentre gli atlas di texture possono impacchettare sprite di forme irregolari in modo più efficiente usando algoritmi come il bin packing.