Nell’articolo precedente ho parlato dei CSS Sprites e di come utilizzarli per ottimizzare il caricamento delle pagina web. La tecnica è molto semplice, però è noioso generare manualmente l’immagine che contiene tutte le altre e il CSS annesso. Fortunatamente esistono su internet dei tool che fanno questa procedura in automatico.
Questo sito è molto semplice da usare, basta inserire tutte le immagine che volete che vengano messe nello sprite all’interno di un file ZIP. Si possono impostare varie opzioni come l’offset tra un’immagine e l’altra, la qualità dell’immagine, il formato e altre cosette interessanti. Purtroppo ha un limite di 0.5mb per il file zip.
Non ha il limite del sito precedente, però non si può impostare niente e l’upload delle immagini deve essere fatto file per file (non si può mandare un file compresso che le contiene tutte).
Sulla falsa riga dei precedenti, è un compromesso tra il primo ed il secondo. Anche questo sito è limitato a 5kb e non accetta file compressi (bisogna mandargli tutta l’immagine). Tuttavia consente di impostare il formato dell’output, l’eventuale compressione del CSS risultante e l’effetto rollover da dare.
Questo è interessante, vi consiglio di leggere il tutorial per capire come funziona. Praticamente analizza una pagina e suggerisce gli sprite da generare in base alle immagini contenute all’interno della stessa.