TextArray
100% lokálne

Minifikátor CSS

Minifikujte CSS odstránením komentárov a medzier bez zásahu do hodnôt.

Vstup
Výstup

Minifikátor CSS

Vložte štýly a nástroj vráti ich kompaktnú verziu: odstráni komentáre, zbalí biele znaky a zmaže poslednú bodkočiarku v každom bloku. Hodí sa, keď chcete pred nasadením ušetriť každý bajt, vložiť kritické CSS priamo do hlavičky stránky, vtesnať štýly do HTML e-mailu alebo len zistiť, akú časť súboru tvorí formátovanie — prehľad pod výstupom ukazuje počet bajtov aj percento úspory.

Minifikátor vaše CSS skutočne parsuje, nenahrádza text naslepo, takže chúlostivé miesta ostanú nedotknuté: reťazce si zachovajú každý znak, výrazy calc() si ponechajú medzery okolo operátorov, hodnoty url() sa skopírujú bez zmeny a selektor potomka ako „a :hover" sa nikdy nezlepí na „a:hover". Zámerne však neprepisuje hodnoty — farby, jednotky a skrátené zápisy vyjdú presne tak, ako ste ich napísali. Je to poctivý minifikátor medzier a komentárov, nie optimalizátor, ktorý prestavuje pravidlá.

Výstup dolaďujú dve možnosti. „Ponechať komentáre /*!" zachová komentáre začínajúce sa /*! — konvenciu pre licenčné hlavičky, ktoré musia minifikáciu prežiť; po vypnutí zmiznú aj tie. „Jedno pravidlo na riadok" pridá za každé pravidlo najvyššej úrovne nový riadok, takže výsledok sa ľahšie číta aj porovnáva v diffe.

Všetko beží vo vašom prehliadači. CSS sa nikam nenahráva, takže firemné štýly aj nezverejnené dizajny ostanú na vašom zariadení. Hotový výsledok skopírujte jedným kliknutím alebo si ho stiahnite a nasaďte priamo v projekte.

Časté otázky

Prepisuje farby, jednotky alebo skrátené zápisy?
Nie. Odstraňuje iba komentáre, nadbytočné biele znaky a poslednú bodkočiarku v bloku. Hodnoty, selektory aj poradie vlastností vyjdú presne tak, ako ste ich napísali — pravidlá neprestavuje ani neoptimalizuje ako minifikátor v build nástroji.
Nepokazia sa hodnoty ako calc() alebo url()?
Nie. Nástroj CSS parsuje, takže reťazce ostanú znak po znaku zachované, calc() si ponechá povinné medzery okolo operátorov a obsah url() sa skopíruje bez zmeny.
Čo sú komentáre /*! a prečo ich ponechať?
Komentár začínajúci sa /*! je konvencia pre licenčné hlavičky, ktoré musia minifikáciu prežiť. Možnosť „Ponechať komentáre /*!" je predvolene zapnutá; po vypnutí sa odstránia ako každý iný komentár.
Nahráva sa moje CSS niekam?
Nie. Minifikácia beží výhradne vo vašom prehliadači a štýly nikdy neopustia vaše zariadenie.