Co dělá minifikátor CSS?

Minifikátor CSS odstraní vše, co prohlížeč k vykreslení stylů nepotřebuje – komentáře, zalomení řádků, přebytečné mezery a nadbytečné znaky. Vznikne menší soubor, který se rychleji stáhne a zlepší dobu načtení stránky, aniž by se změnilo chování stylů.

Jak funguje kompresor CSS?

Kompresor CSS prochází váš kód a slučuje ho do co nejúspornější podoby: spojí pravidla na jeden řádek, vypustí nepotřebné mezery a komentáře. Výsledný kód je vizuálně hůře čitelný, ale prohlížeč ho zpracuje úplně stejně a soubor zabere méně místa.

Jak převedu minifikovaný CSS zpět do čitelné podoby?

Vložte minifikovaný CSS do pole a klikněte na Formátovat. Formátovač pravidla znovu odsadí a přidá zalomení řádků, takže se jednořádkový kód promění zpět do přehledné podoby vhodné pro úpravy, ladění a revize kódu.

Změní minifikace vzhled mých stylů?

Ne. Minifikace odstraní jen znaky, které prohlížeč ignoruje, například komentáře a mezery. Selektory, vlastnosti i hodnoty zůstávají beze změny, takže výsledný vzhled je naprosto stejný, jen je soubor menší.

Nahrává se můj CSS na server?

Ne. Veškerá minifikace i formátování probíhá výhradně ve vašem prohlížeči pomocí kódu na straně klienta. Váš soubor stylů nikdy neopustí vaše zařízení, takže firemní nebo citlivý CSS zůstává v soukromí.

O kolik se můj soubor CSS zmenší?

Záleží na tom, kolik mezer a komentářů původní soubor obsahuje. Hojně komentované nebo velkoryse formátované styly se často zmenší o 20–50 % a úspora ještě naroste, jakmile server použije kompresi gzip nebo Brotli.

Minifikátor/Formátovač CSS - online minifikace a formátování CSS zdarma

Minifikujte CSS pro menší velikost souboru, nebo jej naformátujte pro snazší úpravy. Vše proběhne hned v prohlížeči, bez nahrávání.

Vložte svůj CSS kód a nástroj jej okamžitě minifikuje – odstraní komentáře, mezery a nadbytečné znaky, takže se soubor zmenší a stránka se načte rychleji. V režimu Formátovat naopak zkomprimovaný nebo jednořádkový CSS přehledně odsadí, abyste jej snadno upravovali a ladili. Vše běží přímo ve vašem prohlížeči, žádný styl se nenahrává na server.

Proč používat Minifikátor/Formátovač CSS online?

Minifikujte pro zmenšení velikosti, formátujte pro lepší čitelnost.

Formátovat

Komprimovat nebo formátovat CSS kód.

Minifikovat

Minifikujte pro zmenšení velikosti, formátujte pro lepší čitelnost.

Jak používat minifikátor a formátovač CSS

1
Vložte svůj CSS
Napište nebo vložte kód stylu do pole pro vstup CSS – od jediného pravidla až po celý soubor stylů.
2
Zvolte Minifikovat nebo Formátovat
Klikněte na Minifikovat pro zkomprimování CSS do jednoho úsporného řádku, nebo na Formátovat pro převedení minifikovaného kódu zpět do přehledné, odsazené podoby.
3
Zkontrolujte výsledek
Prohlédněte si převedený výstup; neplatný CSS je označen, takže můžete syntaxi opravit ještě před kopírováním.
4
Zkopírujte výstup
Tlačítkem Kopírovat převezmete minifikovaný nebo naformátovaný CSS do svého projektu, tlačítkem Vymazat začnete znovu.

Zdroje

MDN — CSS
Referenční příručka Mozilly k syntaxi, vlastnostem a hodnotám CSS – hodí se k ověření pravidel po minifikaci nebo formátování.
W3C — CSS Snapshot
Oficiální přehled specifikací CSS od W3C, které definují platnou syntaxi souborů stylů.

Související nástroje

Minifikátor JS

Zkomprimujte soubory JavaScriptu, zmenšete jejich velikost a zrychlete načítání.

Minifikátor HTML

Odstraňte mezery a komentáře z HTML značek a získejte menší stránky.

Minifikátor XML

Zhutněte XML dokumenty odstraněním zbytečných mezer.

Formátovač JSON

Zpřehledněte a ověřte data JSON se správným odsazením.

Často kladené otázky

Co dělá minifikátor CSS?: Minifikátor CSS odstraní vše, co prohlížeč k vykreslení stylů nepotřebuje – komentáře, zalomení řádků, přebytečné mezery a nadbytečné znaky. Vznikne menší soubor, který se rychleji stáhne a zlepší dobu načtení stránky, aniž by se změnilo chování stylů.
Jak funguje kompresor CSS?: Kompresor CSS prochází váš kód a slučuje ho do co nejúspornější podoby: spojí pravidla na jeden řádek, vypustí nepotřebné mezery a komentáře. Výsledný kód je vizuálně hůře čitelný, ale prohlížeč ho zpracuje úplně stejně a soubor zabere méně místa.
Jak převedu minifikovaný CSS zpět do čitelné podoby?: Vložte minifikovaný CSS do pole a klikněte na Formátovat. Formátovač pravidla znovu odsadí a přidá zalomení řádků, takže se jednořádkový kód promění zpět do přehledné podoby vhodné pro úpravy, ladění a revize kódu.
Změní minifikace vzhled mých stylů?: Ne. Minifikace odstraní jen znaky, které prohlížeč ignoruje, například komentáře a mezery. Selektory, vlastnosti i hodnoty zůstávají beze změny, takže výsledný vzhled je naprosto stejný, jen je soubor menší.
Nahrává se můj CSS na server?: Ne. Veškerá minifikace i formátování probíhá výhradně ve vašem prohlížeči pomocí kódu na straně klienta. Váš soubor stylů nikdy neopustí vaše zařízení, takže firemní nebo citlivý CSS zůstává v soukromí.
O kolik se můj soubor CSS zmenší?: Záleží na tom, kolik mezer a komentářů původní soubor obsahuje. Hojně komentované nebo velkoryse formátované styly se často zmenší o 20–50 % a úspora ještě naroste, jakmile server použije kompresi gzip nebo Brotli.