WebFandom: la passione per il web, la grafica e il design.

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.

Articoli correlati:

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

  • Grazie Alberto, è un ottimo servizio e molto comodo.

Segui tutti i commenti tramite Feed RSS 2.0 feed.