Hvordan minifiserer jeg CSS på nett uten å installere noe?

Lim inn CSS-en i CSS-inndata, eller slipp en .css-fil, og klikk Minifiser CSS. Kommentarer og ekstra mellomrom fjernes, og du kan kopiere resultatet eller laste det ned som styles.min.css.

Beholder CSS-minifiseringen lisenskommentarer og data-URI-er uendret?

Ja. Vanlige kommentarer fjernes, men /*! license */-kommentarer beholdes. Strenger i anførselstegn, url()-verdier og data-URI-er tokeniseres separat, så mellomromsreglene endrer dem ikke.

Hvordan gjør jeg minifisert CSS om til lesbar kode igjen?

Klikk Formater CSS i stedet for Minifiser CSS. Koden rykkes inn på nytt med to mellomrom per nivå, og selektorkolon som a:hover skilles fra egenskapskolon. Last ned lagrer den som styles.css.

Hva betyr gzip-tallet ved siden av reduksjonen?

Det er et estimat av utdatastørrelsen etter gzip-komprimering, målt med nettleserens CompressionStream API. Hvis nettleseren din mangler det API-et, vises ikke gzip-størrelsen.

Sendes CSS-en min til en server når jeg minifiserer den?

Nei. Minifiseringen gjøres av en JavaScript-tokenizer som kjører i nettleseren din, uten eksternt bibliotek. Ingenting lastes opp, så du kan bruke den på private stilark.

Er det virkelig gratis?

Ja. Alle verktøy er gratis å bruke, uten konto og uten kredittkort. Arbeidet utføres på enheten din i stedet for på våre servere, noe som gjør det gratis å kjøre.

Fungerer det på mobil?

Ja. Det fungerer i moderne mobilnettlesere på iOS og Android, uten at du trenger å installere noe.

🗜️

Gratis CSS-minifiserer og -formaterer

Minifiser CSS for å redusere filstørrelsen, eller formater minifisert CSS for lesbarhet. Øyeblikkelig, i nettleseren.

Kjører i nettleserenIngen registrering, ingen popup-vinduerIngen pålogging krevesGratis for alltid

Fungerer uten nett når den er lastet

eller slipp en .css-fil nedenfor

Slipp en .css-fil her, eller klikk for å bla gjennom

CSS · behandles på enheten din

eller trykk Ctrl+V for å lime inn fra utklippstavlen

Bla gjennom filer

CSS-inndata

CSS-utdata

Utdata vises her…

Vanlige bruksområder

Minifier CSS for produksjonsdistribusjonReduser CSS-filstørrelse før distribusjon til produksjon — raskere sideinnlasting og lavere båndbreddekostnader.
Penere minifisert CSS for feilsøkingFormater komprimert eller minifisert CSS til lesbar kode slik at du kan inspeksere og feilsøke stilar.
Minifier CSS for e-postmalarKompakt CSS for HTML e-postmalar der filstørrelse og inline-stiloverflyt betyr noe.
Minifier CSS for WordPress-temaerReduser størrelse på tilpassede WordPress-tematiske stilark for bedre PageSpeed-poengsum.
Penere CSS for kodereviewFormater hvilken som helst CSS-fil til ren, innrykket, lesbar kode klar for gjennomgang og samarbeid.

Hvordan det fungerer

Verktøyet bruker en håndskrevet CSS-tokeniserer uten avhengigheter, bygget helt i JavaScript — ingen eksterne biblioteker, ingen serverkall. Tokeniseren klassifiserer hvert tegn som kode, kommentar, streng i anførselstegn eller url()-verdi før transformasjonene brukes, noe som hindrer at mellomromsregler ødelegger strenginnhold, data-URI-er eller calc()-uttrykk.

1
Tokeniseringsrunde
Inndata-CSS-en skannes tegn for tegn og deles i typede tokener: rå kodesegmenter, /* ... */-kommentarer, strenger i anførselstegn (med escape-sekvenser bevart) og url(...)-blokker. Dette sikrer at transformasjonene i neste steg bare berører faktisk CSS-syntaks — aldri innholdet i en strengliteral eller data-URI.
2
Minifisering eller forskjønning
I minifiseringsmodus fjernes vanlige kommentarer (/*! license */-kommentarer beholdes), serier med mellomrom i kodetokener slås sammen til ett mellomrom, og mellomrom ved tegnsetting rundt { } : ; , > ~ fjernes. Mellomrom rundt + og - lar vi bevisst være for ikke å ødelegge calc()-uttrykk. I forskjønningsmodus minifiseres koden først til et rent utgangspunkt, deretter tokeniseres og rykkes den inn på nytt med to mellomroms dybdesporing og gjenkjenning av deklarasjonskolon for å skille egenskap: verdi-kolon fra selektorkolon som a:hover.
3
Anslått gzip-størrelse
Etter at resultatet er laget, brukes nettleserens innebygde CompressionStream-API til å komprimere det med gzip og måle antall byte. Det gir et realistisk anslag på overføringsstørrelsen, tilsvarende det en webserver med gzip-komprimering ville sendt over nettverket.
4
Kopier eller last ned
Den behandlede CSS-en skrives til utklippstavlen via Clipboard API, eller lastes ned som styles.min.css (minifisering) eller styles.css (forskjønning) med en Blob av MIME-typen text/css. Prosentvis størrelsesreduksjon vises live mens du skriver.

Relaterte verktøy

✨

SVG-optimaliserer og -minifiserer

Fjern metadata, slå sammen mellomrom og rund desimaler for å redusere SVG-filstørrelsen dramatisk — typiske reduksjoner på 30–70 %. Visuell forhåndsvisning bekrefter at ingenting ødelegges.

Prøv detFiler forblir lokale

🎨

CSS-formaterer

Formater minifisert CSS med ensartet innrykk, eller minifiser den. Valgfri alfabetisk sortering av egenskaper for forutsigbare differ.

Prøv det

📋

JSON-formater

Formater, valider, minifiser og utforsk JSON-data. Trevisning, syntaksutheving og kopier med ett klikk.