Förminska och komprimera CSS-formatmallar direkt i din webbläsare. Ta bort kommentarer, komprimera blanksteg och minska filstorleken. Gratis och privat.
Stöder .css-filer. Eller klistra in din CSS ovan.
CSS-minifiering tar bort blanksteg, kommentarer och onödiga tecken från en stilmall för att minska storleken innan den visas i webbläsare. De faktiska reglerna är oförändrade: en minifierad stilmall återger sidor identiskt med den ofminifierade källan. Besparingarna kommer från att ta bort nya rader, överflödiga semikolon, kommentarer, möjligheter för hex-färg stenografi och genvägar med noll enhet (ersätter 0px med 0).
På moderna webbplatser med dussintals stilregler är den typiska minskningen 20–40 % jämfört med den oförminskade källan. I kombination med gzip-komprimering på servern krymper de marginella besparingarna – gzip komprimerar redan upprepad text effektivt – men kombinationen slår fortfarande enbart komprimering, särskilt när stilmallar cachelagras och visas många gånger för många besökare.
Den här minifieraren bearbetar CSS i ett enda pass, tar bort kommentarer utanför url()-värden, komprimerar blanksteg, tar bort redundanta semikolon innan klammerparenteser stängs, applicerar noll-enhetsstenografi och konverterar sexsiffriga hex-färger till tresiffrig form där det är möjligt (#ffffff → #fff). Utdata förblir giltig CSS som alla webbläsare analyserar korrekt.
Mindre CSS-filer laddas snabbare och renderingsblockerande tid sjunker, som båda förbättrar First Contentful Paint- och Largest Contentful Paint-poängen. För webbplatser där Core Web Vitals påverkar sökrankningen är varje kilobyte av renderingsblockerande CSS som rakas värt ansträngningen.
Bandbreddskostnader har också betydelse i stor skala. Webbplatser som tjänar miljontals sidvisningar sparar mätbara mängder utträde när deras stilmallar är 30 % mindre. CDN-räkningar, mobildataanvändning och energiförbrukning gynnas alla något. Minifiering är i princip gratis – ett engångssteg utan underhållskostnad.
Klistra in CSS, hämta den minifierade versionen.
CSS-minifiering är mestadels konservativ borttagning av blanksteg. Whitespace inuti väljare, deklarationer och värden bevaras där det är viktigt; whitespace utanför är kollapsat. Kommentarer tas bort om de inte börjar med /*! (kommentarer om licensbevarande).
Vanliga genvägar: 0px, 0em och liknande nollenhetsvärden blir 0; sexsiffriga hex-färger med parade siffror (#ffffff, #336699) blir tresiffriga (#fff, #369); det sista semikolonet före } tas bort. Färgnamn konverteras inte till hex automatiskt eftersom hex ibland är längre (röd är kortare än #f00 i längd; #ff0000 är längre än röd).
Utdata ska passera alla CSS-validerare som accepterar indata. Webbläsarstödet är oförändrat - minifiering ändrar inte själva reglerna, bara deras textrepresentation.