CSS Minificatore

Comprimi i frammenti CSS incollati o i file .css locali direttamente nel tuo browser. Il tuo foglio di stile non viene caricato, registrato o inviato a un'API.

Clicca per selezionare un file CSS o scaricarlo qui

Puoi anche inserire il CSS direttamente nell'editore qui sotto.

0 byte

0 byte

Pronto

Impostazioni CSSO conservative

Il funzionamento predefinito rimuove commenti e spazi bianchi ma mantiene disattivate le ottimizzazioni strutturali per evitare riscritture rischiose dei fogli di stile.

Snippet e input di file

Incolla CSS parziale, fogli di stile completi, media query, proprietà personalizzate o carica un file .css locale.

Misurazione sicura

Analytics utilizza solo buckets di dimensioni e riduzione. fonte CSS, URL, selettori, commenti e nomi di file rimangono fuori telemetria.

Domande frequenti

Il mio CSS è stato caricato in Convertr?

No. Il minifier funziona localmente con JavaScript del browser. I file CSS incollati e selezionati non vengono inviati ai server di Convertr.

Perché disabilitare l’ottimizzazione strutturale per impostazione predefinita?

Alcune riscritture CSS aggressive possono cambiare il comportamento della cascata. La prima versione mantiene la compressione conservativa e si concentra sulla minimizzazione sicura.

Cosa succede se il CSS ha un errore di sintassi?

L'errore del parser viene mostrato nel pannello degli avvisi in modo da poter correggere il foglio di stile prima di copiare l'output.

Strumenti di sviluppo correlati

SCSS Compilatore Compila snippet Sass/SCSS online Convertitore di colori CSS Converti i colori CSS Generatore di gradienti CSS Crea gradienti CSS localmente Controllo di contrasto colorato WCAG Verifica il contrasto colore accessibile HTML Minificatore Comprimi frammenti HTML Ottimizzatore SVG Comprimi il codice SVG Strumenti per sviluppatori Sfoglia le utilità del browser

CSS Minificatore

Rimuovere la formattazione sicura e i commenti da CSS passati per ridurre il volume di trasferimento.

Introduzione
Testo sorgente CSS e le opzioni di minificazione disponibili.
Formato di uscita
CSS minimizzato più informazioni sulla dimensione prima e dopo.
Le limitazioni reali
La minificazione non è validazione semantica, prefixing o rimozione di codice morto; CSS malformato e hacks insoliti possono richiedere una revisione manuale.
Privacy e trattamento dei dati
Il testo di sorgente CSS e le opzioni di miniatura disponibili sono elaborate in questa scheda del browser. Convertr non riceve o memorizza; chiudere o ricaricare la pagina esclude lo stato di funzionamento a meno che l'outil non fornisca esplicitamente una download locale.

Come utilizzare questo strumento

  1. Fornisci il testo sorgente CSS e le opzioni di minificazione disponibili nei controlli dello strumento.
  2. Scegli le impostazioni che influenzano il CSS minimizzato e le informazioni sulle dimensioni prima e dopo, quindi esegui lo strumento.
  3. Esamina il CSS minificato e le informazioni sulle dimensioni prima e dopo prima di copiarlo o scaricarlo.

Modalità di errore comuni

I blocchi non chiusi, le stringhe non valide o la sintassi che il parser non comprende vengono restituiti come errore invece di un output alterato.

Un esempio utile

Minimizza una regola .card formattata rimuovendo indentazione, commenti e spazi superflui, preservando le sue dichiarazioni.