CSS Beautifier & Minifier

Upravte odsadenie neprehľadného CSS pre lepšiu čitateľnosť alebo ho minifikujte pre rýchlejšie načítanie – s bezpečným režimom, ktorý nikdy nezmení poradie vašich pravidiel.

Odsadenie
Kompresia
Vložte alebo napíšte CSS, ktoré chcete naformátovať alebo minifikovať.

Vaše CSS sa formátuje a minifikuje priamo vo vašom prehliadači. Na servery BroBroGo sa nič neodosiela.

Časté otázky

Aký je rozdiel medzi formátovaním (beautify) a minifikáciou (minify)?

Formátovanie (Beautify) upraví odsadenie a medzery vo vašich štýloch, aby sa dali ľahko čítať a upravovať. Minifikácia (Minify) robí presný opak – odstráni biele znaky a komentáre, ktoré prehliadač nepotrebuje, a skráti hodnoty (napr. farby), takže súbor je menší a načíta sa rýchlejšie. Formátujte počas práce, minifikujte pred nasadením.

Čo robia nastavenia kompresie Bezpečný a Optimalizovaný?

Režim „Bezpečný“ (Safe) odstraňuje iba biele znaky a komentáre a skracuje hodnoty, pričom každé pravidlo ponechá presne tam, kde ste ho napísali. Režim „Optimalizovaný“ (Optimized) ide ďalej a spája duplicitné selektory a pravidlá pre ešte menší súbor. Môže však zmeniť poradie pravidiel, takže pri štýloch, ktoré závisia od poradia v kóde, odporúčame pred nasadením rýchlu kontrolu. Komentáre označené ako /*! … */ zostanú zachované v oboch režimoch.

Zmení minifikácia vzhľad mojej stránky?

V Bezpečnom režime nie – vaše štýly sa vykreslia úplne rovnako. Odstráni biele znaky, bežné komentáre a prepíše hodnoty do kratších ekvivalentných tvarov (napr. #ffffff ako #fff), pričom nikdy nemení vaše vendor prefixy ani modernú syntax. Optimalizovaný režim navyše spája pravidlá, čo vyzerá identicky na takmer každom webe, ale ak vaše štýly závisia od presného poradia pravidiel, oplatí sa to overiť.