Hur minifierar jag CSS online utan att installera något?

Klistra in din CSS i CSS-indata, eller släpp en .css-fil, och klicka sedan på Minifiera CSS. Kommentarer och extra blanksteg tas bort, och du kan Kopiera resultatet eller Ladda ner det som styles.min.css.

Behåller CSS-minifieraren licenskommentarer och data URI:er intakta?

Ja. Vanliga kommentarer tas bort, men /*! license */-kommentarer behålls. Citerade strängar, url()-värden och data URI:er tokeniseras separat, så regler för blanksteg ändrar dem inte.

Hur gör jag om minifierad CSS till läsbar kod?

Klicka på Formatera CSS i stället för Minifiera CSS. Koden får nytt indrag med två mellanslag per nivå, och selektorkolon som a:hover skiljs från egenskapskolon. Ladda ner sparar den som styles.css.

Vad betyder siffran gzippad bredvid minskningen?

Det är en uppskattning av utdatastorleken efter gzip-komprimering, mätt med webbläsarens CompressionStream API. Om din webbläsare saknar det API:t visas inte den gzippade storleken.

Skickas min CSS till en server när jag minifierar den?

Nej. Minifieringen görs av en JavaScript-tokenizer som körs i din webbläsare, utan externt bibliotek. Ingenting laddas upp, så du kan använda det på privata stilmallar.

Är det verkligen gratis?

Ja. Alla verktyg är gratis att använda, utan konto och utan kreditkort. Arbetet utförs på din enhet istället för på våra servrar, vilket är det som gör det gratis att köra.

Fungerar det på mobil?

Ja. Det fungerar i moderna mobilwebbläsare på iOS och Android, utan installation.

🗜️

Gratis CSS-minifierare och -formatering

Minifiera CSS för att minska filstorleken eller formatera minifierad CSS för läsbarhet. Direkt, i din webbläsare.

Körs i din webbläsareIngen registrering, inga popup-fönsterIngen inloggning krävsGratis för alltid

Fungerar offline när den väl lästs in

eller släpp en .css-fil nedan

Släpp en .css-fil här, eller klicka för att bläddra

CSS · bearbetas på din enhet

eller tryck Ctrl+V för att klistra in från urklipp

Bläddra bland filer

Inmatad CSS

Utdata-CSS

Utdata visas här…

Vanliga användningar

Minifiera CSS för produktionsdistributionMinska CSS-filstorleken före distribution till produktion — snabbare sidladdningar och lägre bandbreddskostnader.
Vackert minifierad CSS för felsökningFormatera komprimerad eller minifierad CSS till läsbar kod så du kan inspektera och felsöka stilar.
Minifiera CSS för e-postmallarKomprimera CSS för HTML-e-postmallar där filstorlek och inline-stilöverflöde spelar roll.
Minifiera CSS för WordPress-temanMinska storleken på anpassade WordPress-temastylesheets för bättre PageSpeed-poäng.
Vackert CSS för kodgranskningFormatera valfri CSS-fil till ren, indriven, läsbar kod redo för granskning och samarbete.

Så här fungerar det

Det här verktyget använder en handskriven CSS-tokeniserare utan beroenden, byggd helt i JavaScript — inga externa bibliotek, inga serveranrop. Tokeniseraren klassificerar varje tecken som kod, kommentar, citerad sträng eller url()-värde innan några omvandlingar tillämpas, vilket förhindrar att blankstegsregler förstör stränginnehåll, data-URI:er eller calc()-uttryck.

1
Tokeniseringspassage
Den inmatade CSS:en skannas tecken för tecken och delas upp i typade tokens: råa kodsegment, /* ... */-kommentarer, citerade strängar (som bevarar escape-sekvenser) och url(...)-block. Detta säkerställer att omvandlingarna i nästa steg bara påverkar faktisk CSS-syntax — aldrig innehållet i en strängliteral eller data-URI.
2
Minifiering eller formatering
I minifieringsläge tas vanliga kommentarer bort (/*! licens */-kommentarer behålls), sekvenser av blanktecken i kodtoken slås ihop till enkla mellanslag, och blanktecken intill skiljetecken runt { } : ; , > ~ tas bort. Mellanslag runt + och - lämnas avsiktligt orörda för att undvika att bryta calc()-uttryck. I formateringsläge minifieras koden först till en ren baslinje, tokeniseras och indenteras sedan om med spårning av tvåmellanslagsdjup och detektering av deklarationskolon för att skilja property: value-kolon från selektorkolon som a:hover.
3
Gzip-storleksuppskattning
Efter att utdatan skapats används webbläsarens inbyggda CompressionStream-API för att komprimera resultatet med gzip och mäta det resulterande antalet byte. Detta ger en realistisk uppskattning av överföringsstorleken som motsvarar vad en webbserver med gzip-komprimering skulle skicka över nätverket.
4
Kopiera eller ladda ned
Den bearbetade CSS:en skrivs till urklipp via Clipboard API:et, eller laddas ned som styles.min.css (minifieringsläge) eller styles.css (formateringsläge) med en Blob med MIME-typen text/css. Storleksminskningen i procent visas live medan du skriver.

Relaterade verktyg

✨

SVG-optimerare och minifierare

Ta bort metadata, dra ihop blanksteg och runda decimaler för att dramatiskt krympa SVG-filstorleken — typiska minskningar på 30–70 %. Visuell förhandsvisning verifierar att inget bryts.

Prova detFiler stannar lokalt

🎨

CSS-formatering

Formatera minifierad CSS med enhetlig indentering, eller minifiera den. Valfri alfabetisk sortering av egenskaper för förutsägbara diffar.

Prova det

📋

JSON-formaterare

Formatera, validera, minifiera och utforska JSON-data. Trädvy, syntaxmarkering och kopiering med ett klick.