Minifikujte a komprimujte šablony stylů CSS okamžitě ve svém prohlížeči. Odstraňte komentáře, sbalte mezery a zmenšete velikost souboru. Zdarma a soukromé.
Podporuje soubory .css. Nebo vložte svůj CSS výše.
Miniifikace CSS odstraňuje ze šablony stylů mezery, komentáře a nepotřebné znaky, aby se zmenšila její velikost před zobrazením v prohlížečích. Skutečná pravidla se nemění: minifikovaná šablona stylů vykresluje stránky identicky jako neminifikovaný zdroj. Úspory pocházejí z odstranění nových řádků, nadbytečných středníků, komentářů, příležitostí v hexadecimální barvě a zkratek s nulovými jednotkami (nahrazení 0px 0).
Na moderních webech s desítkami stylových pravidel je typické snížení 20–40 % oproti neminifikovanému zdroji. V kombinaci s kompresí gzip na serveru se marginální úspory zmenšují – gzip již efektivně komprimuje opakovaný text – ale tato kombinace stále překonává samotnou kompresi, zvláště když jsou šablony stylů uloženy do mezipaměti a mnohokrát jsou poskytovány mnoha návštěvníkům.
Tento minifikátor zpracovává CSS v jediném průchodu, odstraňuje komentáře mimo hodnoty url(), sbaluje mezery, odstraňuje nadbytečné středníky před uzavřením složených závorek, používá zkratku s nulovou jednotkou a tam, kde je to možné, převádí šestimístné hexadecimální barvy do třímístného tvaru (#ffffff → #fff). Výstup zůstává platným CSS, který jakýkoli prohlížeč správně analyzuje.
Menší soubory CSS se načítají rychleji a doba blokování vykreslování se zkracuje, což obojí zlepšuje skóre First Contentful Paint a Největší Contentful Paint. U webů, kde Core Web Vitals ovlivňují hodnocení ve vyhledávání, stojí za námahu každý kilobajt oholených CSS blokujících vykreslování.
Náklady na šířku pásma jsou také důležité. Weby, které poskytují miliony zobrazení stránek, ušetří měřitelné množství výstupů, když jsou jejich šablony stylů o 30 % menší. Účty CDN, využití mobilních dat a spotřeba energie – to vše mírně těží. Minifikace je v podstatě zdarma – jde o jednorázový krok sestavení bez nákladů na údržbu.
Vložte CSS a získejte minifikovanou verzi.
Minifikace CSS je většinou konzervativní odstranění mezer. Bílé znaky uvnitř selektorů, deklarací a hodnot jsou zachovány tam, kde je to důležité; bílé místo venku je sbalené. Komentáře jsou odstraněny, pokud nezačínají /*! (komentáře k zachování licence).
Běžné zkratky: 0px, 0em a podobné hodnoty s nulovou jednotkou se stanou 0; šestimístné hexadecimální barvy se spárovanými číslicemi (#ffffff, #336699) se stanou trojmístnými (#fff, #369); poslední středník před } je odstraněn. Názvy barev nejsou automaticky převedeny na hex, protože hex je někdy delší (červená je kratší než #f00 na délku; #ff0000 je delší než červená).
Výstup by měl projít jakýmkoli validátorem CSS, který přijímá vstup. Podpora prohlížeče je nezměněna — minifikace neupravuje samotná pravidla, pouze jejich textovou reprezentaci.