01 / Postup
Jak to funguje
Odstraňuje vybrané mezery zápisu; zkontrolujte místa, kde má mezera význam.
Užitečná poznámka
U složité syntaxe nebo produkčních souborů ověřte výsledek v cílové aplikaci i specializovaným nástrojem.
Formátování kódu / MULTIVERTO
Minifikovat CSS
Odstraňte bezpečné mezery zápisu z CSS.
Okamžitý převodVáš vstup zůstává v prohlížeči. Text k převodu nikam neodesíláme.
Soubor zůstává ve vašem prohlížeči.
Řetězit nástroje
Každý textový nástroj použijte na předchozí výsledek.
02 / Příklad
Příklad
Váš vstup
h1 { color: #334155; margin: 0; }
p { line-height: 1.5; }Výsledek
h1{color:#334155;margin:0}p{line-height:1.5}03 / Postup
Minifikovat CSS — Jak to funguje
Co tento nástroj mění
Odstraňte bezpečné mezery zápisu z CSS. Odstraňuje vybrané mezery zápisu; zkontrolujte místa, kde má mezera význam. Kompaktní CSS odstraní běžné komentáře a část mezer u složených závorek, dvojteček a středníků. Mezery mezi částmi selektoru zůstávají důležité. Porovnejte zobrazenou stránku, zvláště u vlastních proměnných nebo funkcí.
Poznejte formát
CSS se skládá ze selektorů, pravidel, bloků deklarací, hodnot a komentářů. Mezera mezi selektory může vyjadřovat vztah potomka, takže bezhlavé odstranění všech mezer by změnilo výběr elementů. Řetězce, funkce jako calc(), vlastní proměnné i vložené URL mohou obsahovat znaky podobné oddělovačům. Formátovač před změnou rozložení rozpoznává řetězce, komentáře a vnoření; nevyhodnocuje kaskádu ani podporu prohlížečů. Kompaktní verze odstraní běžné komentáře a vybrané mezery kolem interpunkce. Je záměrně mírnější než produkční minifikátor. Po zkopírování zkontrolujte stránku, která daný styl používá.
Spolehlivý postup
Zhuštění má smysl, když výsledek zpracovává stroj a lidsky čitelné odsazení není potřeba. Nejprve ověřte, že původní zdroj funguje, a pak si všimněte, co operace odstraňuje. Tento nástroj neslibuje úsporu produkčního minifikátoru: takový program může parsovat celou gramatiku, měnit identifikátory, skládat konstanty či po serializaci komprimovat. Zde platí opatrný postup; nejistá konstrukce zůstane zachována nebo vyvolá chybu. Délku porovnávejte až po porovnání chování nebo zpracovaného obsahu. Pokud cílový proces potřebuje komentáře, licence, mapy zdroje nebo významové mezery, zohledněte to před nahrazením původního souboru.
Ověřte výsledek
Původní zdroj si ponechte vedle výsledku a před velkým dokumentem vyzkoušejte krátký známý příklad. Porovnávejte významový obsah, nejen velikost souboru nebo počet řádků. Po transformaci zkontrolujte názvy, řetězce v uvozovkách, znaky mimo ASCII, konce řádků i opakovaná pole. Čitelný výsledek neověřuje schéma, nedokazuje spustitelnost kódu ani bezpečnost zveřejnění dat. Tato stránka zpracovává text v prohlížeči a ukazuje výsledek jako text, ale po vložení do jiné aplikace se uplatní její pravidla. Pokud nástroj vstup odmítne, najděte nepodporovanou konstrukci a podle potřeby použijte specializovaný parser. Při kopírování z dokumentace si všimněte typografických uvozovek, neviditelných mezer a značky pořadí bajtů na začátku textu. Tyto znaky mohou vypadat nenápadně, ale parser je může vyhodnotit jinak než běžnou mezeru nebo uvozovku.
CSS — Vstup
Načíst a změnit strukturu
CSS — Výsledek