Torna alla Home
Generatore di Sprite Sheet – Sprite CSS e Texture Atlas
Raggruppa più immagini in un'unica sprite sheet e ottieni le esatte posizioni di sfondo CSS e una mappa JSON in stile TexturePacker. Ideale per sprite CSS, icone web e frame di animazione di giochi. Riordina, imposta colonne e spaziatura, quindi scarica la sheet e le sue coordinate. Gratuito, privato e 100% nel tuo browser.
Carica immagini da raggruppare
Formati accettati: JPG, PNG, WEBP, BMP, GIF (non animati)
Paste (Ctrl/⌘+V) or drop an image — or import from a URL
Combina molte piccole immagini in un unico foglio sprite per velocizzare il tuo sito o gioco. Image Machine raggruppa le tue icone o frame in un'unica immagine nel browser — senza caricamento, senza account — così puoi servirli con una singola richiesta. Il foglio viene assemblato sul tuo dispositivo e i tuoi asset rimangono privati.
Come funziona
Scegli uno strumento
Scegli tra 120+ strumenti per ridimensionare, convertire, comprimere o migliorare la tua immagine.
Carica e modifica
Trascina e rilascia la tua immagine e regola le impostazioni. Rimane sul tuo dispositivo.
Scarica
Salva il risultato all'istante: senza filigrana e senza registrazione.
Perché Image Machine?
I tuoi file non lasciano mai il tuo dispositivo
Tutta l'elaborazione avviene localmente nel tuo browser. Le tue immagini non vengono mai caricate su un server.
Completamente gratuito
Ogni strumento è gratuito, senza limiti, senza filigrane e senza costi nascosti.
Velocissimo
Nessuna attesa per il caricamento: le tue immagini vengono elaborate all'istante sul tuo dispositivo.
Qualità professionale
Risultati perfetti fino al pixel, con pieno controllo su formato, dimensioni e qualità.
Domande frequenti
A cosa serve uno sprite sheet?
Uno sprite sheet unisce molte piccole grafiche — icone, pulsanti o fotogrammi di animazione — in un'unica immagine. Caricare un solo file invece di decine riduce le richieste di rete, il che velocizza le pagine web e i giochi.
Come uso lo sprite sheet su un sito web?
Mostra l'immagine combinata e sposta la sua posizione con la proprietà CSS background-position per visualizzare solo l'icona che ti serve. I motori di animazione funzionano allo stesso modo, scorrendo i fotogrammi contenuti nello sprite sheet.
Combinare le immagini fa perdere qualità?
No: ogni immagine viene collocata nello sprite sheet a piena risoluzione. Esporta in PNG per mantenere tutto lossless con la trasparenza, che è la scelta standard per icone e sprite di interfaccia.