Questo tool permette la generazione automatica di sprite CSS. Fornendo un semplice file ZIP, contenente 2 o più immagini (GIF, PNG oppure JPG), questo tool genererà una immagine per lo sprite, e le corrispondenti regole CSS necessarie per visualizzare le singole immagini componenti.

Opzioni

Il tool ha un certo numero di opzioni che è possibile configurare per modificare le caratteristiche dell'immagine e del CSS generati, per meglio adattarsi alle specifiche del tuo sito Web. Queste opzioni sono dettagliate di seguito:

Ridimensionamento Immagini Originali

Larghezza ed Altezza
Se la larghezza o l'altezza vengono impostate a meno del 100%, le immagini originali verranno ridimensionate prima di essere copiate nell'immagine finale. Il tool non permette di specificare valori più grandi del 100%, poiché aumentando le dimensioni dell'immagine si avrebbe una perdita di qualità. Il valore di default per larghezza ed altezza è 100% (nessun ridimensionamento).

Immagini Duplicate

Ignora le Immagini Duplicate
Le Immagini duplicate vengono copiate nell'immagine finale, e regole CSS separate vengono specificate per ogni singolo duplicato.
Rimuovi le immagini duplicate ma combina le classi CSS
Il tool confronta l'MD5 ricavato dal contenuto di ogni immagine, per determinare in maniera accurata quali di queste sono ripetute più volte nello ZIP. Questi duplicati vengono scartati, e le regole CSS relative vengono combinate tra loro in un'unica regola.

Opzioni Sprite Generato

Spaziatura Orizzontale
Questa proprietà rappresenta lo spazio orizzontale tra due due righe di immagini nell'immagine finale. Questo valore deve essere grande abbastanza da tenere in conto il bug di Safari per i background ripetuti. E' consigliato lasciare il valore di default.
Spaziatura Verticale
Questa proprietà rappresenta lo spazio verticale tra due immagini consecutive. Tale valore deve essere grande abbastanza da considerare gli aumenti di dimensioni del font. Generalmente, è raccomandato progettare un sito in maniera che gli utenti possano aumentare la dimensione del font almeno due volte prima che la successiva immagine nella sequenza dello sfondo diventi visibile.
Colore dello Sfondo
Imposta un colore di sfondo per l'immagine finale. Questo campo accetta valori di 6 caratteri esadecimali. Se viene lasciato vuoto, ed il formato dell'immagine finale è impostato a GIF o PNG, lo sfondo dell'immagine generata sarà trasparente.
Formato Sprite Generato
Supporta GIF, PNG and JPG. I formati GIF e PNG possono avere sfondi trasparenti. Il valore di default è PNG.

Opzioni CSS Generato

Prefisso CSS
Ad ogni regola CSS generata viene aggiunto il prefisso specificato. L'utilizzo dei selettori standard per id e classi è supportato. I seguenti caratteri sono ammessi - a-z, 0-9, _, -, # e .
Espressione Regolare per i Nomi dei File
Può essere utilizzata una qualunque espressione regolare valida. Utilizzando le parentesi tonde si possono catturare le parti del nome dei singoli file che si vuole utilizzare come base per i nomi delle classi generate.
Prefisso Classi
Il testo inserito verrà utilizzato come prefisso di ogni classe generata. E' particolarmente imporante specificare questo valore, poiché i nomi generati potrebbero iniziare con un numero, generando dei selettori non validi (come definito dalle raccomandazioni del W3C). I seguenti caratteri sono ammessi - a-z, 0-9, _ e -. Il prefisso inserito non può iniziare con un numero.
Suffisso CSS
Il testo inserito verrà aggiunto alla fine di ogni regola CSS. Il "Suffisso CSS" ammette gli stessi caratteri definiti per il "Prefisso CSS".