Generatore di fogli sprite

About Generatore di fogli sprite

Last updated: May 2026

OptiPix Sprite Sheet Generator combina più immagini in un unico foglio sprite ottimizzato, con CSS pronto all'uso, coordinate JSON e variabili SCSS. Scegli un layout: striscia orizzontale, striscia verticale, griglia (conteggio colonne personalizzato) o compattato (bin-packed per uno spazio sprecato minimo). Imposta il padding tra gli sprite per prevenire sanguinamenti ai bordi. L'output è un unico foglio sprite PNG più CSS generato per ogni sprite ('.sprite-icon-home { background-position: -0px -0px; … }'), una mappa delle coordinate JSON e variabili SCSS. Supportata la scalatura Retina @1x e @2x. Ogni sprite prende il nome dal suo file sorgente. Tutto viene eseguito localmente - le tue immagini non lasciano mai il tuo dispositivo. Costruito per sviluppatori di giochi, sviluppatori web che utilizzano sprite CSS e chiunque voglia raggruppare piccole icone in un'unica richiesta di rete.

How It Works

Ogni immagine di input viene caricata in memoria; l'algoritmo di layout scelto (striscia, griglia o bin-pack a scaffale) calcola le coordinate (x, y, w, h) per ogni sprite; il foglio sprite viene renderizzato su una tela; CSS / JSON / SCSS vengono generati dalla stessa mappa delle coordinate.

Use Cases

• •Raggruppa le icone dell'interfaccia utente in un unico foglio sprite PNG + CSS
• •Crea un atlante di sprite per un gioco 2D in Phaser o Pixi
• •Combina le icone dei social media in un unico sprite CSS per un sito più veloce
• •Impacchetta i frame di animazione dei personaggi in una striscia orizzontale
• •Costruisci un foglio sprite @2x pronto per la Retina dalle immagini sorgente

You Might Also Like

If you find Generatore di fogli sprite useful, check out these related tools: Image Crop, Image Resizer, and Format Converter. All tools run entirely in your browser with no uploads or signups required.