Hoppa till innehåll
TextArray
100% lokalt

CSS-minifierare

Förminska CSS genom att ta bort kommentarer och blanksteg utan att röra dina värden.

Inmatning
Utmatning

CSS-minifierare

Klistra in en stilmall och det här verktyget returnerar en kompakt version med kommentarer avskalade, blanksteg komprimerade och det sista semikolonet i varje block borttaget. Använd den för att raka byte från en stilmall innan den skickas, för att infoga kritisk CSS i ett sidhuvud, för att klämma in stilar i en HTML-e-postmall, eller helt enkelt för att se hur mycket av din fil som formateras - siffran under utdata visar antalet byte och den sparade procentandelen.

Minifieraren tolkar din CSS istället för att blint ersätta text, så de knepiga delarna förblir intakta: strängliteraler behåller varje tecken, calc()-uttryck behåller mellanrummen runt sina operatorer, url()-värden kopieras genom orörda, och en efterkommandoväljare som "a :hover" smälts aldrig samman till "a:hover". Vad den medvetet inte gör är att skriva om dina värderingar - färger, enheter och stenografier kommer ut precis som du skrev dem. Det är en ärlig blanksteg-och-kommentar-minifierare, inte en optimerare som omstrukturerar regler.

Två alternativ ställer in utgången. "Behåll /*! kommentarer" bevarar kommentarer som börjar med /*!, konventionen för licensbanners som måste överleva minifiering - stäng av den för att släppa dem som alla andra kommentarer. "En regel per rad" sänder ut en ny rad efter varje toppnivåregel, vilket håller resultatet diffvänligt och lättare att skanna än en lång rad.

Allt körs i din webbläsare. Din CSS laddas aldrig upp, så proprietära stilmallar och outgivna design finns kvar på din enhet.

FAQ

Skriver det om färger, enheter eller stenografiegenskaper?
Nej. Det tar bara bort kommentarer, onödiga blanksteg och det sista semikolonet i varje block. Värden, väljare och egendomsordning kommer ut exakt som skrivna - det omstrukturerar eller optimerar inte regler på det sätt som en byggverktygsminifierare kan göra.
Kommer knepiga värden som calc() eller url() att gå sönder?
Nej. Verktyget analyserar CSS, så strängliterals bevaras tecken för tecken, calc() behåller de nödvändiga utrymmena runt sina operatorer och allt inuti url() kopieras genom orörd.
Vad är /*! kommentarer och varför behålla dem?
En kommentar som börjar med /*! är konventionen för licensbanners som måste överleva minifiering. "Behåll /*! kommentarer" är på som standard; stäng av den för att ta bort dem som alla andra kommentarer.
Laddas min CSS upp någonstans?
Nej. Minifiering körs helt i din webbläsare och din stilmall lämnar aldrig din enhet.