CSS-formaterer og -minifiserer

Rydd opp i uoversiktlig CSS for å gjøre den lesbar, eller minifiser den for raskere innlasting – med en sikker modus som aldri endrer rekkefølgen på reglene dine.

Innrykk
Komprimering
Lim inn eller skriv CSS for å formatere eller minifisere den.

CSS-en din formateres og minifiseres lokalt i nettleseren din. Ingenting sendes til BroBroGo.

Ofte stilte spørsmål

Hva er forskjellen på formatering og minifisering?

Formatering (beautify) legger til innrykk og mellomrom i stilarkene dine slik at de blir enkle å lese og redigere. Minifisering gjør det motsatte – det fjerner unødvendige mellomrom og kommentarer som nettleseren ikke trenger, og forkorter verdier som farger, slik at filen blir mindre og laster raskere. Formater mens du jobber, minifiser før du publiserer.

Hva gjør innstillingene Sikker og Optimalisert komprimering?

Sikker modus fjerner kun mellomrom og kommentarer samt forkorter verdier, og lar alle regler stå nøyaktig der du skrev dem. Optimalisert modus går lenger og slår sammen dupliserte selektorer og regler for å gi en mindre fil – dette kan endre rekkefølgen på regler, så på stilark som er avhengige av rekkefølge bør du ta en rask sjekk før du publiserer. Kommentarer markert med /*! … */ beholdes uansett.

Vil minifisering endre hvordan siden min ser ut?

I Sikker modus vil ikke stilene dine endre seg – de rendres helt likt. Den fjerner unødvendige mellomrom, vanlige kommentarer og skriver om verdier til kortere, ekvivalente former (som #ffffff til #fff), og endrer aldri leverandørprefiksene (vendor prefixes) eller moderne syntaks. Optimalisert modus slår også sammen regler, noe som ser identisk ut på nesten alle stilark, men det er verdt å verifisere hvis koden din er avhengig av rekkefølgen på reglene.

HTML-formaterer og -minifisererRydd opp i uoversiktlig HTML for å gjøre den lesbar, eller minifiser den for produksjon – med valgfri sjekk for ødelagte tagger.SVG-optimalisererRydd opp i SVG-koden og reduser filstørrelsen uten å endre grafikken.JavaScript-formaterer og -minifisererRydd opp i minifisert eller obfuskert JavaScript slik at du kan lese den, eller minifiser din egen kode for å gjøre den mindre.CSS clamp()-kalkulatorAngi en størrelse for små og store skjermer og få en flytende clamp()-verdi som skalerer trinnløst i mellom — for skriftstørrelser, padding, marginer eller gap.Gradient-generatorBygg en lineær, radial eller konisk gradient, legg til fargepunkter og angi retning, og kopier deretter CSS-koden med ett klikk.Box Shadow-generatorDra i glidebryterne for å forme en box-shadow, stable lag for dybde, og kopier den ferdige CSS-koden umiddelbart.FargekonvertererKonverter farger mellom HEX, RGB, HSL, HSV, CMYK og LAB — rediger et felt og resten oppdateres fortløpende.JSON-formatererFormater, valider og minifiser JSON umiddelbart.