CSS Minificatore

Comprimere i snippets CSS pasted o i file .css locali direttamente nel tuo browser. il tuo foglio di stile non viene caricato, logato 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 Conservatori

Il funzionamento predefinito rimuove i commenti e lo spazio bianco ma mantiene disattivate le ottimizzazioni strutturali per evitare rischiose ri-critte di fogli di stile.

Snippet e input di file

Passare partialmente CSS, full stylesheets, media queries, custom properties, or load a local .css file.

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 Converter?

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

Perché è possibile disabilitare l’ottimizzazione strutturale per default?

Alcuni replicazioni aggressivi CSS possono cambiare il comportamento del cascato. la prima versione mantiene la compressione conservativa e si concentra sulla minimizzazione sicura.

Cosa succede se il CSS ha un errore di sintesi?

L'errore di parser è visualizzato nel pannello di avvertenza in modo da poter correggere la scheda di stile prima di copiare la produzione.

Strumenti di sviluppo correlati

SCSS Compilatore Compilare Sass/SCSS Snippets online Convertitore di colori CSS Converti CSS colori Generatore di gradient CSS Creare gradienti CSS localmente Controllo di contrasto colorato WCAG Verifica il contrasto colore accessibile HTML Minificatore Comprimi HTML frammenti 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 di sorgente CSS e le opzioni di miniatura disponibili.
Formato di uscita
Minified CSS più before-and-after size informazioni.
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. Converter 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. Fornire testo sorgente CSS e le opzioni di miniatura disponibili nei controlli degli strumenti.
  2. Scegli le impostazioni che influenzano il CSS miniato e le informazioni di dimensioni pre-e post, quindi eseguire l'output.
  3. Esaminare i miniati CSS e le informazioni di dimensioni prima e dopo prima di copiarlo o scaricarlo.

Modalità comuni di fallimento

I blocchi non chiusi, le strisce invalide o la sintesi che il parser non può comprendere vengono restituiti come errore invece di una produzione alterata.

Un esempio utile

Minifinire una regola .card formattata rimuovendo indentazione, commenti e spazi inutili, conservando le sue dichiarazioni.