Quando questo strumento è utile
Impacchettare piccoli sprite di gioco, icone, miniature o stati UI in un’unica bitmap prevedibile con coordinate delle celle leggibili dalla macchina.
Come funziona l'elaborazione locale
Gli input rimangono nell’ordine selezionato, le colonne sono vincolate dal numero effettivo di input, ogni frame riceve una cella fissa, contain centra l’intera immagine e cover riempie e poi ritaglia, gaps mantengono lo sfondo RGBA scelto, e lo ZIP contiene sprite-sheet.png più le coordinate deterministiche sprite-sheet.json.
Come usarlo
- Prepara la sorgente: Impacchettare piccoli sprite di gioco, icone, miniature o stati UI in un’unica bitmap prevedibile con coordinate delle celle leggibili dalla macchina.
- Elabora localmente: Gli input rimangono nell’ordine selezionato, le colonne sono vincolate dal numero effettivo di input, ogni frame riceve una cella fissa, contain centra l’intera immagine e cover riempie e poi ritaglia, gaps mantengono lo sfondo RGBA scelto, e lo ZIP contiene sprite-sheet.png più le coordinate deterministiche sprite-sheet.json.
- Scarica e verifica: Estrai entrambi i file, conferma le dimensioni del PNG, l’origine in alto a sinistra, l’ordine dei frame e i rettangoli delle celle rispetto al JSON, controlla padding di contain o ritagli di cover e carica la mappa nell’applicazione che la utilizza.
Limitazioni importanti
Il PNG è un’unica sheet raster piatta: animazione, vettori, livelli, metadati sorgente, contenitori indipendenti e intento del profilo colore non sono mantenuti. Cover può ritagliare i bordi, contain può lasciare lo sfondo, e valgono i limiti di sorgente, pixel totali, canvas, memoria, PNG, JSON e ZIP.
Verifica il risultato scaricato
Estrai entrambi i file, conferma le dimensioni del PNG, l’origine in alto a sinistra, l’ordine dei frame e i rettangoli delle celle rispetto al JSON, controlla padding di contain o ritagli di cover e carica la mappa nell’applicazione che la utilizza.
Privato per progettazione
I tuoi file rimangono in questo browser. Lo strumento non carica la fonte o l'output sui nostri server.
Domande e risposte
Quando è utile questo strumento?
Impacchettare piccoli sprite di gioco, icone, miniature o stati UI in un’unica bitmap prevedibile con coordinate delle celle leggibili dalla macchina.
Cosa fa effettivamente il browser?
Gli input rimangono nell’ordine selezionato, le colonne sono vincolate dal numero effettivo di input, ogni frame riceve una cella fissa, contain centra l’intera immagine e cover riempie e poi ritaglia, gaps mantengono lo sfondo RGBA scelto, e lo ZIP contiene sprite-sheet.png più le coordinate deterministiche sprite-sheet.json.
Quali limiti devo comprendere?
Il PNG è un’unica sheet raster piatta: animazione, vettori, livelli, metadati sorgente, contenitori indipendenti e intento del profilo colore non sono mantenuti. Cover può ritagliare i bordi, contain può lasciare lo sfondo, e valgono i limiti di sorgente, pixel totali, canvas, memoria, PNG, JSON e ZIP.
Come dovrei verificare il risultato?
Estrai entrambi i file, conferma le dimensioni del PNG, l’origine in alto a sinistra, l’ordine dei frame e i rettangoli delle celle rispetto al JSON, controlla padding di contain o ritagli di cover e carica la mappa nell’applicazione che la utilizza.