Formátování a minifikace CSS

Upravte odsazení nepřehledného CSS pro lepší čitelnost, nebo ho minifikujte pro produkci – s bezpečným režimem, který nikdy nemění pořadí pravidel.

Odsazení
Komprese
Vložte nebo napište CSS pro formátování či minifikaci.

Vaše CSS se formátuje a minifikuje přímo ve vašem prohlížeči. Na servery BroBroGo se nic neodesílá.

Časté dotazy

Jaký je rozdíl mezi formátováním a minifikací?

Formátování (beautify) upraví odsazení a mezery ve stylech tak, aby se snadno četly a upravovaly. Minifikace dělá opak – odstraní prázdná místa a komentáře, které prohlížeč nepotřebuje, a zkrátí hodnoty (např. barvy), takže je soubor menší a načítá se rychleji. Formátujte při práci, minifikujte před nasazením.

Co dělají nastavení komprese Bezpečný a Optimalizovaný?

Režim Bezpečný (Safe) pouze odstraňuje prázdné znaky a komentáře a zkracuje hodnoty, přičemž každé pravidlo ponechá přesně tam, kde jste ho napsali. Režim Optimalizovaný (Optimized) jde dál a slučuje duplicitní selektory a pravidla pro dosažení menší velikosti souboru – může však změnit pořadí pravidel, takže u stylů závislých na pořadí zdrojového kódu doporučujeme před nasazením rychlou kontrolu. Komentáře označené jako /*! … */ jsou zachovány v obou režimech.

Změní minifikace vzhled mé stránky?

V Bezpečném režimu nikoli – vaše styly se vykreslí naprosto stejně. Odstraní se prázdné znaky, běžné komentáře a přepíší se hodnoty do kratších ekvivalentních tvarů (např. #ffffff na #fff), přičemž se nikdy nemění vendor prefixy ani moderní syntaxe. Optimalizovaný režim navíc slučuje pravidla, což u téměř všech stylů vypadá identicky, ale pokud vaše styly závisí na pořadí pravidel, vyplatí se výsledek ověřit.