Minificatore / Formattatore CSS

Incolla il tuo CSS e clicca su Formatta per formattarlo con la corretta indentazione, oppure su Minifica per comprimerlo. Tutta l’elaborazione avviene nel tuo browser.

Informazioni su Minificatore / Formattatore CSS

Questo strumento elabora il CSS interamente nel tuo browser. Nessun dato viene inviato ad alcun server.

  • Formatta: Formatta il CSS minificato con la corretta rientranza e le interruzioni di riga per la leggibilità.
  • Minifica: Rimuove spazi bianchi, commenti e caratteri non necessari per ridurre la dimensione del file.

Minificare è un'ottimizzazione di trasporto, non un passaggio da tenere nei sorgenti. Togli commenti e spazi per ciò che va in produzione, tieni la copia leggibile per ciò che modifichi. Su un server con la compressione già attiva il guadagno è più piccolo di quanto ci si aspetti, perché gzip gestisce molto bene gli spazi ripetuti, ma aiuta comunque e non costa nulla.

Strumenti correlati

Convertitore Markdown in HTML Convertitore HTML in Markdown Convertitore di colori

Il markup ti sta remando contro?

Entità con escape, codifiche rovinate e contenuti che nel CMS appaiono in un modo e sulla pagina in un altro di solito vogliono dire che qualcosa nella catena sta tirando a indovinare. Costruiamo front end e il percorso di pubblicazione dietro, così il visitatore vede quello che hai scritto.

Parliamo del tuo sito

Domande frequenti

Quanto si risparmia davvero minificando?
Meno di quanto sembri con la compressione attiva, perché gzip comprime già bene gli spazi ripetuti. Il risparmio è reale ma modesto; il guadagno maggiore di solito sta nel togliere regole che non usa più nessuno.
Rischio di rompere il foglio di stile?
No, se l'input è valido. Commenti e spazi non hanno significato in CSS, con un'eccezione: lo spazio nel selettore discendente è significativo, e un minificatore che lo toglie cambia la regola. Questo lo mantiene.
Posso riavere la mia formattazione?
Puoi renderlo di nuovo leggibile, non recuperare l'originale: i commenti non ci sono più, e nemmeno le interruzioni di riga scelte da te. Abbellire produce un layout coerente, non il tuo: per questo la copia sorgente è quella da tenere.
Conviene minificare a mano?
Solo una tantum. Quello che pubblichi con regolarità dovrebbe essere minificato dal build, così la copia leggibile resta quella che modifichi. Questa pagina serve al caso isolato e a controllare cosa ha prodotto un build.
Il mio CSS viene caricato da qualche parte?
No, viene elaborato nel tuo browser. Conta più di quanto sembri: un foglio di stile spesso rivela nomi di classi interni, funzionalità non ancora rilasciate e la struttura di un sito prima del lancio.