CSS Minifier
Reduser og komprimer CSS-stilark umiddelbart i nettleseren din. Fjern kommentarer, skjul mellomrom og reduser filstørrelsen. Gratis og privat.
Dra og slipp en CSS-fil her
Støtter .css-filer. Eller lim inn CSS-en ovenfor.
Reduser og komprimer CSS-stilark umiddelbart i nettleseren din. Fjern kommentarer, skjul mellomrom og reduser filstørrelsen. Gratis og privat.
Støtter .css-filer. Eller lim inn CSS-en ovenfor.
CSS-minifisering fjerner mellomrom, kommentarer og unødvendige tegn fra et stilark for å redusere størrelsen før det vises til nettlesere. De faktiske reglene er uendret: et minifisert stilark gjengir sider identisk med den ikke-minifiserte kilden. Besparelsene kommer fra å fjerne nye linjer, overflødige semikolon, kommentarer, muligheter for sekskantede farger og snarveier med null enhet (erstatter 0px med 0).
På moderne nettsteder med dusinvis av stilregler er den typiske reduksjonen 20–40 % sammenlignet med den ikke-forminskede kilden. Kombinert med gzip-komprimering på serveren, krymper de marginale besparelsene – gzip komprimerer allerede gjentatt tekst effektivt – men kombinasjonen slår fortsatt komprimering alene, spesielt når stilark bufres og serveres mange ganger til mange besøkende.
Denne minifieren behandler CSS i et enkelt pass, fjerner kommentarer utenfor url()-verdier, skjuler mellomrom, fjerner overflødige semikolon før du lukker klammeparenteser, bruker stenografi med nullenhet og konverterer sekssifrede heksadesimale farger til tresifret form der det er mulig (#ffffff → #fff). Utdata forblir gyldig CSS som alle nettlesere analyserer riktig.
Mindre CSS-filer lastes inn raskere og gjengivelsesblokkerende tid faller, som begge forbedrer First Contentful Paint- og Largest Contentful Paint-poengene. For nettsteder der Core Web Vitals påvirker søkerangeringen, er hver kilobyte med gjengivelsesblokkerende CSS barbert verdt innsatsen.
Båndbreddekostnader har også betydning i stor skala. Nettsteder som betjener millioner av sidevisninger sparer målbare mengder utgang når stilarkene deres er 30 % mindre. CDN-regninger, mobildatabruk og energiforbruk har alle en liten fordel. Minifisering er i hovedsak gratis – et engangsbyggetrinn uten vedlikeholdskostnader.
Lim inn CSS, få den forminskede versjonen.
CSS-minifisering er for det meste konservativ fjerning av mellomrom. Mellomrom inne i velgere, erklæringer og verdier er bevart der det er viktig; whitespace utenfor er kollapset. Kommentarer fjernes med mindre de begynner med /*! (lisensbevaringskommentarer).
Vanlige snarveier: 0px, 0em og lignende nullenhetsverdier blir 0; sekssifrede sekskantfarger med sammenkoblede sifre (#ffffff, #336699) blir tresifrede (#fff, #369); siste semikolon før } fjernes. Fargenavn konverteres ikke til hex automatisk fordi hex noen ganger er lengre (rød er kortere enn #f00 i lengden; #ff0000 er lengre enn rød).
Utdata skal passere enhver CSS-validator som godtar inndata. Nettleserstøtten er uendret - minifisering endrer ikke selve reglene, bare tekstrepresentasjonen.