Minificatore CSS
Riduci le dimensioni dei fogli di stile eliminando spazi superflui, commenti e punteggiatura ridondante nel codice CSS.
Esegui lo strumento
Questo strumento riduce la dimensione del codice CSS eliminando i caratteri non necessari per l'interpretazione del foglio di stile. Il processo cancella i commenti a blocco e rimuove gli spazi attorno a parentesi graffe, punti e virgola, due punti e virgole. Riduce le sequenze di spazi consecutivi a un singolo spazio ed elimina i margini di spaziatura all'inizio e alla fine del testo. Elimina pure il punto e virgola finale presente subito prima di ogni parentesi graffa di chiusura.
Inserisci il testo CSS nel riquadro dedicato per avviare la compressione testuale. Con un testo vuoto o composto solo da spazi, la schermata restituisce una stringa vuota con dimensioni pari a zero. Con un foglio di stile inserito, il pannello finale mostra il codice compresso, la lunghezza iniziale in caratteri, la lunghezza finale, la differenza netta e la percentuale di risparmio calcolata con un decimale.
Istruzioni
- Incolla o digita le regole CSS nel campo di testo dedicato.
- Premi il pulsante di elaborazione per avviare la rimozione dei caratteri ridondanti.
- Esamina il codice compresso generato e consulta le metriche sul risparmio di caratteri ottenuto.
- Copia il risultato per inserirlo nel tuo progetto web.
Esempi
- Minificazione di una regola base: inserendo `body { background-color: #ffffff; color: #333333; }`, ottieni `body{background-color:#ffffff;color:#333333}` con rimozione degli spazi e del punto e virgola finale.
- Rimozione dei commenti: inserendo `/* Intestazione */ h1, h2 { margin: 0; }`, ottieni `h1,h2{margin:0}` con eliminazione del blocco di commento e compattazione dei selettori.
FAQ
Come gestisce lo strumento i commenti nel codice CSS?
Lo strumento elimina interamente i blocchi di commento racchiusi tra barra e asterisco prima di compattare le regole.
Cosa accade se il campo di testo rimane vuoto?
Se lasci il campo vuoto o inserisci solo spazi, la pagina genera un risultato vuoto con valori di lunghezza e percentuale pari a zero.
Lo strumento rimuove l'ultimo punto e virgola prima della chiusura?
Sì, la procedura cancella il punto e virgola situato subito prima della parentesi graffa di chiusura in ciascun blocco di dichiarazioni.
Come si calcola la percentuale di risparmio visualizzata?
Il sistema confronta la lunghezza del testo iniziale con quella del testo compresso e calcola la percentuale di riduzione arrotondata a una cifra decimale.