Quanto è più piccolo il CSS minimizzato?

Tipicamente del 20-40% più piccolo dell'originale dopo gzip. I risparmi derivano dalla rimozione di commenti, spazi bianchi e valori zero ridondanti. Le moderne pipeline di build lo fanno automaticamente, ma avere uno strumento manuale è utile per snippet una tantum.

La minimizzazione romperà il mio CSS?

No. Il minimizzatore preserva ogni regola, proprietà e valore verbatim. Rimuove solo spazi bianchi e commenti. Le variabili CSS, le animazioni e i prefissi vendor sopravvivono intatti.

Posso abbellire CSS da un CDN?

Sì. Incolla il CSS minimizzato e Toova lo espande in una forma leggibile con indentazione coerente. Utile per controllare cosa fa effettivamente un widget di terze parti o fare debug dell'output compilato di un framework.

I commenti vengono preservati?

È un toggle. Per default, la minimizzazione rimuove i commenti per massimizzare i risparmi. Puoi mantenere le intestazioni di licenza e altri commenti importanti abilitando l'opzione preserva-commenti.

Il mio CSS viene inviato da qualche parte?

No. L'elaborazione gira interamente nel browser. Nulla viene caricato o registrato.

CSS Minifier & Beautifier — Strumento online gratuito

Minimizza o abbellisce CSS nel browser, senza nessun upload e senza creare account. Toova rimuove spazi bianchi, commenti e ridondanze per ridurre i tuoi fogli di stile per la produzione, oppure stampa in modo leggibile CSS minimizzato da CDN o librerie esterne in qualcosa che puoi effettivamente leggere durante il debug.

Due modalità, un flusso di lavoro

La modalità minimizza rimuove ogni commento, ogni spazio ridondante e ogni newline non necessario. L'output è CSS funzionalmente identico ma tipicamente del 20-40% più piccolo, il che accelera il first paint e riduce la dimensione di trasferimento. La modalità abbellisci fa il contrario — prende CSS minimizzato da un CDN, un bundle di framework o un widget di terze parti e lo espande in una forma leggibile così puoi controllare selettori e proprietà.

Formattazione configurabile

Scegli indentazione a 2 spazi, 4 spazi o tabulazioni per l'output abbellito in base alla tua preferenza. Scegli se mantenere i commenti (utile per banner di intestazione e stringhe di licenza) o rimuoverli completamente per massimizzare i risparmi. Il minimizzatore preserva le variabili CSS e i selettori verbatim, così i nomi delle proprietà personalizzate e i keyframe delle animazioni sopravvivono al round-trip. I prefissi vendor vengono mantenuti intatti.

Solo locale

Ogni operazione di minimizzazione e abbellimento gira interamente nel browser, senza contattare nessun server esterno. Il CSS che incolli — che siano fogli di stile proprietari dal tuo design system o codice di terze parti che stai controllando — non lascia mai la pagina. La scheda Rete resterà vuota durante l'elaborazione e la pagina funziona offline dopo il primo caricamento, senza dipendenze esterne.

Domande frequenti

Quanto è più piccolo il CSS minimizzato?: Tipicamente del 20-40% più piccolo dell'originale dopo gzip. I risparmi derivano dalla rimozione di commenti, spazi bianchi e valori zero ridondanti. Le moderne pipeline di build lo fanno automaticamente, ma avere uno strumento manuale è utile per snippet una tantum.
La minimizzazione romperà il mio CSS?: No. Il minimizzatore preserva ogni regola, proprietà e valore verbatim. Rimuove solo spazi bianchi e commenti. Le variabili CSS, le animazioni e i prefissi vendor sopravvivono intatti.
Posso abbellire CSS da un CDN?: Sì. Incolla il CSS minimizzato e Toova lo espande in una forma leggibile con indentazione coerente. Utile per controllare cosa fa effettivamente un widget di terze parti o fare debug dell'output compilato di un framework.
I commenti vengono preservati?: È un toggle. Per default, la minimizzazione rimuove i commenti per massimizzare i risparmi. Puoi mantenere le intestazioni di licenza e altri commenti importanti abilitando l'opzione preserva-commenti.
Il mio CSS viene inviato da qualche parte?: No. L'elaborazione gira interamente nel browser. Nulla viene caricato o registrato.