Come si usa
- Incolla il CSS nel riquadro «Il tuo CSS», oppure carica un file .css o .txt.
- Attiva Abbrevia valori se vuoi accorciare anche colori esadecimali e numeri.
- Per input oltre 200 KB, avvia la minificazione con Ctrl+Invio o Cmd+Invio su Mac.
- Controlla il risparmio in byte, poi copia il risultato dal riquadro «CSS minificato» con il pulsante Copia.
Esempi
Foglio di stile con licenza
/*! MIT - Tema negozio */
/* Stile del catalogo */
.catalogo {
display: grid;
gap: 16px;
}
/*! MIT - Tema negozio */
.catalogo{display:grid;gap:16px}Valori compatti per una scheda prodotto
.scheda-prodotto {
color: #FFFFFF;
margin: 0px 0.50em 10.0px;
opacity: 0.80;
flex: 1 1 0px;
}
.scheda-prodotto{color:#fff;margin:0 .5em 10px;opacity:.8;flex:1 1 0px}Layout responsive con punti e virgola finali
@media screen and ( min-width : 768px ) {
.catalogo > .prodotto {
width: calc(100% - 24px);
padding: 12px;
}
}
@media screen and (min-width:768px){.catalogo>.prodotto{width:calc(100% - 24px);padding:12px;}}Suggerimenti
- Ti serve di nuovo un CSS leggibile? Formattalo.
- Minifica anche l'HTML.
Domande frequenti
Il CSS viene caricato su un server?
La minificazione avviene nel browser e il codice dello strumento non invia il CSS al server. Il CSS non viene salvato; vengono memorizzate solo le impostazioni delle opzioni.
Quali file CSS posso caricare?
Sono accettati file .css e .txt fino a 10 MB. Se il file supera questo limite, dividilo in parti.
Come viene calcolato il risparmio di byte?
Lo strumento confronta le dimensioni del testo originale e del risultato in byte UTF-8. La percentuale indica la riduzione rispetto all’originale; 1 KB equivale a 1024 byte.
La minificazione elimina le dichiarazioni CSS duplicate?
Le dichiarazioni ripetute vengono mantenute, anche quando servono come fallback. L’ordine di regole e dichiarazioni resta invariato e i selettori duplicati non vengono uniti.
Cosa succede se il CSS contiene un errore di sintassi?
Lo strumento segnala riga e colonna dell’errore ed evidenzia la riga nell’editor di ingresso. Il risultato resta vuoto finché non correggi l’errore.