Generatore sprite sheet
Combina immagini in uno sprite sheet con codice CSS generato automaticamente. 100% nel browser.
Ctrl+Enter eseguireCtrl+Shift+C copiare
Per saperne di più
Generatore di sprite sheet CSS: combina immagini con codice CSS
Scopri come creare sprite sheet con codice CSS background-position generato automaticamente per l'ottimizzazione web.
Cosa sono CSS Sprite Sheets
Uno sprite sheet combina piu immagini piccole in un unico file immagine piu grande. Ogni singola immagine occupa una regione definita all'interno del foglio. Nello sviluppo web, CSS background-position viene utilizzato per visualizzare solo la porzione dello sprite sheet necessaria per ogni elemento, riducendo le richieste HTTP e migliorando le prestazioni di caricamento della pagina.
5 min di letturaLeggi la guida completa