Creare uno sprite sheet CSS

No. La conversione avviene interamente nel tuo browser. Il file non lascia mai il tuo dispositivo – non c'è alcun server che possa vederlo. Una volta caricata la pagina, lo strumento funziona persino offline.

sprite.png con tutte le immagini su una griglia di celle uguali (larghezza massima × altezza massima), sprite.css con una classe base e una classe per immagine con width, height e background-position, e sprite.json con x/y/larghezza/altezza di ogni sprite per strumenti di build o giochi.

No, ogni icona mantiene i suoi pixel esatti – gli sprite devono essere precisi al pixel. Le icone di dimensioni diverse stanno in alto a sinistra nella loro cella; il CSS usa larghezza e altezza di ciascuna icona, quindi non traspare nient'altro.

Nell'ordine dell'elenco dei file – quello in cui li hai aggiunti. Rimuovi un file e aggiungilo di nuovo per spostarlo alla fine. Tutti i file confluiscono in un unico risultato; trascina un nuovo gruppo di file per ricominciare.