Contiamo i pixel? No grazie!
Il titolo dell’immagine dice già tutto.
Oggi vedremo come generare uno sprite d’immagini, utilizzando dei servizi gratuiti.
Per prima cosa generiamo un file zip nel quale andremo a mettere, tutte le immagini di cui si vuole generare lo sprite.
Andiamo sul sito SpriteGen e carichiamo il file zip dall’apposito pannello.
dopodiché potremo settare diversi parametri quali:
- Immagini Duplicate
- Ridimensionamento Immagini Originali
- Opzioni Sprite Generato
- Opzioni CSS Generato
Premendo poi sul bottome “Crea Immagine” otterremo tutto quello che ci serve:
- le coordinate del background-position già calcolate
- e lo sprite d’immagini compattato
Un servizio comodo e intuitivo e molto semplice da utilizzare.
Simile è CssSprite comodo anche lui ma con meno opzioni.
Altri articoli correlati:
Alberto TrussardiFondatore del progetto webfandom, è un Web Designer freelance di Bergamo che collabora in tutta Italia con diverse aziende nel campo dello sviluppo web e marketing online. Ama l’arte e la poesia, due ottime compagne che lo aiutano a trovare ispirazione per i lavori che svolge.
Puoi trovare articoli simili in: Servizi Web, Web 2.0
![Oltre 100 paper texture gratuite che potranno aiutarti a migliorare i background dei tuoi progetti grafici + [tutorial su come creare un effetto vintage a un foglio di carta]](http://www.webfandom.com/wp-content/uploads/2010/05/texture_vecchia_carta-150x150.jpg "Oltre 100 paper texture gratuite che potranno aiutarti a migliorare i background dei tuoi progetti grafici + [tutorial su come creare un effetto vintage a un foglio di carta]")
Esatto!! Così non ci si rompe più per settare bene la posizione background-position.
Grazie Alberto, è un ottimo servizio e molto comodo.