Minifikátor CSS
Minifikujte CSS odstraněním komentářů a mezer bez zásahu do hodnot.
Související nástroje
Minifikátor CSS
Vložte styly a nástroj vrátí jejich kompaktní verzi: odstraní komentáře, sbalí bílé znaky a smaže poslední středník v každém bloku. Hodí se, když chcete před nasazením ušetřit každý bajt, vložit kritické CSS přímo do hlavičky stránky, vměstnat styly do HTML e-mailu nebo jen zjistit, jak velkou část souboru tvoří formátování — přehled pod výstupem ukazuje počet bajtů i procento úspory.
Minifikátor vaše CSS opravdu parsuje, nenahrazuje text naslepo, takže ošemetná místa zůstanou netknutá: řetězce si zachovají každý znak, výrazy calc() si ponechají mezery kolem operátorů, hodnoty url() se zkopírují beze změny a selektor potomka jako „a :hover“ se nikdy neslepí na „a:hover“. Záměrně ale nepřepisuje hodnoty — barvy, jednotky a zkrácené zápisy vyjdou přesně tak, jak jste je napsali. Je to poctivý minifikátor mezer a komentářů, ne optimalizátor, který přestavuje pravidla.
Výstup doladí dvě volby. „Ponechat komentáře /*!“ zachová komentáře začínající /*! — konvenci pro licenční hlavičky, které musí minifikaci přežít; po vypnutí zmizí i ty. „Jedno pravidlo na řádek“ přidá za každé pravidlo nejvyšší úrovně nový řádek, takže výsledek se snáz čte i porovnává v diffu.
Vše běží ve vašem prohlížeči. CSS se nikam nenahrává, takže firemní styly i nezveřejněné návrhy zůstanou na vašem zařízení. Hotový výsledek zkopírujte jedním kliknutím, nebo si ho stáhněte a nasaďte přímo v projektu.