CSS Formaterings- og minificeringsværktøj

Genindryk rodet CSS for at gøre det læsbart, eller minificer det til udgivelse – med en sikker tilstand, der aldrig ændrer rækkefølgen af dine regler.

Indrykning
Komprimering
Indsæt eller skriv CSS for at formatere eller minificere det.

Din CSS formateres og minificeres direkte i din browser. Intet uploades til BroBroGo.

FAQ

Hvad er forskellen på formatering (beautify) og minificering (minify)?

Formatering (beautify) genindrykker og tilføjer mellemrum i dine typografier, så de er nemme at læse og redigere. Minificering (minify) gør det modsatte – det fjerner unødvendige mellemrum og kommentarer, som browseren ikke har brug for, og forkorter værdier som farvekoder, så filen bliver mindre og indlæses hurtigere. Formater, mens du arbejder, og minificer, før du udgiver.

Hvad gør komprimeringsindstillingerne Sikker og Optimeret?

Sikker tilstand fjerner kun unødvendige mellemrum og kommentarer samt forkorter værdier, men lader alle regler blive præcis, hvor du skrev dem. Optimeret tilstand går skridtet videre og fletter ens selektorer og regler for at opnå en endnu mindre fil – dette kan ændre rækkefølgen af reglerne, så hvis dit stylesheet afhænger af kilderækkefølgen, bør du tjekke resultatet en ekstra gang før udgivelse. Kommentarer markeret med /*! … */ bevares i begge tilstande.

Vil minificering ændre på, hvordan min side ser ud?

I Sikker tilstand gør det ikke – dine typografier vil blive vist nøjagtigt ens. Den fjerner overflødige mellemrum, sletter almindelige kommentarer og omskriver værdier til kortere, ækvivalente former (f.eks. #ffffff til #fff), og den ændrer aldrig dine vendor-præfikser eller moderne syntaks. Optimeret tilstand fletter også regler, hvilket ser identisk ud på næsten alle stylesheets, men det er værd at kontrollere, hvis dit design afhænger af reglernes rækkefølge.

HTML Formaterings- & minificeringsværktøjGenindryk rodet HTML for at gøre det læsbart, eller minificer det til udgivelse – med valgfri kontrol for fejlbehæftede tags.SVG-optimeringsværktøjRyd op i din SVG-kode og gør filen mindre uden at ændre på grafikken.JavaScript Formaterings- & minificeringsværktøjGenindryk minificeret eller obfunderet JavaScript, så du kan læse det, eller minificer din egen kode for at gøre den mindre til udgivelse.CSS clamp() BeregnerIndtast en størrelse til små og store skærme, og få en flydende clamp()-værdi, der skalerer jævnt derimellem — til skriftstørrelser, padding, marginer eller gaps.Gradient-generatorByg en lineær, radial eller konisk gradient, tilføj farvestop og indstil retningen, og kopier derefter CSS-koden med ét klik.Box shadow-generatorTræk i skyderne for at forme en box-shadow, stabel lag for at skabe dybde, og kopier den færdige CSS med det samme.FarvekonverterKonverter farver mellem HEX, RGB, HSL, HSV, CMYK og LAB — rediger et felt, og resten opdateres løbende.JSON FormatterFormater, valider og minificer JSON med det samme.