Sări la conținut
TextArray
Complet local

Minificator CSS

Reduceți CSS-ul prin eliminarea comentariilor și a spațiilor albe fără a vă atinge valorile.

Intrare

Minificator CSS

Lipiți o foaie de stil și acest instrument returnează o versiune compactă cu comentariile eliminate, spațiile albe restrânse și ultimul punct și virgulă din fiecare bloc eliminat. Folosiți-l pentru a elimina octeții dintr-o foaie de stil înainte de expediere, pentru a integra CSS critic într-un cap de pagină, pentru a stoarce stiluri într-un șablon de e-mail HTML sau pur și simplu pentru a vedea cât de mult din fișierul dvs. se formatează - numărul de sub rezultat arată numărul de octeți și procentul salvat.

Minificatorul analizează CSS-ul dvs. în loc să înlocuiască orbește textul, astfel încât părțile complicate rămân intacte: literalele șiruri păstrează fiecare caracter, expresiile calc() păstrează spațiile din jurul operatorilor lor, valorile url() sunt copiate neatins și un selector descendent precum „a :hover” nu este niciodată fuzionat în „a:hover”. Ceea ce nu face în mod deliberat este să vă rescrie valorile - culorile, unitățile și stenografia ies exact așa cum le-ați scris. Este un atenuator onest de spații albe și comentarii, nu un optimizator care restructurează regulile.

Două opțiuni reglează ieșirea. „Păstrați /*! comentarii” păstrează comentariile care încep cu /*!, convenția pentru bannere de licență care trebuie să supraviețuiască minificării - dezactivați-l pentru a le lăsa ca orice alt comentariu. „O regulă pe linie” emite o nouă linie după fiecare regulă de nivel superior, ceea ce face ca rezultatul să fie prietenos cu diferențele și mai ușor de scanat decât o linie lungă.

Totul rulează în browserul tău. CSS-ul dvs. nu este încărcat niciodată, așa că foile de stil proprietare și modelele nelansate rămân pe dispozitivul dvs.

FAQ

Rescrie culorile, unitățile sau proprietățile scurte?
Nu. Îndepărtează doar comentariile, spațiile albe inutile și ultimul punct și virgulă din fiecare bloc. Valorile, selectoarele și ordinea proprietăților ies exact așa cum sunt scrise - nu restructura și nu optimizează regulile așa cum ar putea face un minificator de instrumente de construcție.
Se vor rupe valorile complicate precum calc() sau url()?
Nu. Instrumentul analizează CSS-ul, astfel încât literalele șir sunt păstrate caracter pentru caracter, calc() păstrează spațiile necesare în jurul operatorilor săi și tot ce este în interiorul url() este copiat neatins.
Ce sunt /*! comentarii și de ce să le păstrați?
Un comentariu care începe cu /*! este convenția pentru bannere de licență care trebuie să supraviețuiască minimizării. „Păstrați /*! comentarii” este activat implicit; dezactivează-l pentru a le dezlipi ca orice alt comentariu.
CSS-ul meu este încărcat undeva?
Nu. Minificarea rulează în întregime în browser și foaia de stil nu părăsește dispozitivul.