Creatore di sprite sheet
Raggruppa le immagini in un atlante ed esporta le coordinate.
Come usare Creatore di sprite sheet
The Image sprite sheet maker packs multiple images into one PNG grid of square cells and exports a JSON file with each sprite's x, y, width and height. You set the number of columns from 1 to 20, a cell size from 8 to 1,024 pixels and a gap of up to 100 pixels between cells. Images are scaled to fit their cell while keeping aspect ratio.
- Scegli un file di origine. Se lo strumento accetta più file, disponili nell'ordine desiderato.
- Regola le impostazioni di base, poi apri la modalità avanzata per le opzioni di esportazione e ottimizzazione. Le impostazioni personalizzate restano attive quando il pannello è chiuso.
- Esegui il creatore di sprite sheet, esamina il risultato, poi usa i controlli disponibili per copiare o scaricare.
Cosa supporta questo strumento
Raggruppa le immagini in un atlante ed esporta le coordinate.
- Colonne
- Range: 1 to 20
- Dimensione cella quadrata (px)
- Range: 8 to 1024
- Spazio tra le celle (px)
- Range: 0 to 100
Limiti ed elaborazione
Le immagini usano il limite esistente della tela di 32 megapixel. Dove supportato, sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.
Domande frequenti
What does the sprite coordinates JSON contain?
The sprite-coordinates.json file has one entry per image, keyed by its position number and file name, such as 1-icon.png. Each entry gives the x and y offset of the sprite in the sheet and its drawn width and height in pixels.
How are sprites positioned inside each cell?
Every image is scaled down or up to fit inside the square cell while keeping its aspect ratio, then drawn from the top-left corner of the cell. Non-square images therefore leave empty transparent space to the right or below.
Why add a gap between sprites?
A gap of a few pixels keeps neighboring sprites from bleeding into each other when the sheet is scaled or filtered in a game engine or CSS. The gap is added after each cell, and the coordinates in the JSON already account for it.
Dove viene elaborato il mio input?
Questa operazione elabora i dati di origine nel tuo browser. Copia e download sono azioni esplicite; l'input di origine non viene salvato in un account né in una cronologia.
Quali sono i limiti di input?
Le immagini usano il limite esistente della tela di 32 megapixel. Dove supportato, sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.