Contiamo i pixel? No grazie!

Generatore di sprite

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.

Sorgenti

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

Sprite ottenuto

Un servizio comodo e intuitivo e molto semplice da utilizzare.

Simile è CssSprite comodo anche lui ma con meno opzioni.

Altri articoli correlati:

Alberto Trussardi

Alberto Trussardi è un Web Designer Freelance di Bergamo. Studentre universitario presso il Dipartimento di Scienze Informatiche dell'Università degli Studi di Milano. Ama la grafica e tutto quello che gravita attorno al design, informatica e web.
Ti è piaciuto l'articolo?

Puoi seguire tutti gli aggiornamenti del blog iscrivendoti gratuitamente ai Feed Rss!
  • Feed

  • Cosa sono

  • Reader

Se vuoi puoi condividerlo su:

Puoi trovare articoli simili in: Servizi Web, Web 2.0

2 COMMENTI

  • Federico
    23 giugno 2009

    Esatto!! Così non ci si rompe più per settare bene la posizione background-position.

  • Roberta
    24 giugno 2009

    Grazie Alberto, è un ottimo servizio e molto comodo.

LASCIA UN COMMENTO pesonalizza il tuo avatar registrandoti su gravatar.com