Komprimer CSS

Gør CSS, HTML og JavaScript mindre uden at ødelægge dem

Minificeret kode

Kommentarer, mellemrum og linjeskift fjernes. Navne og værdier forbliver, som de er, så koden virker på samme måde.

Alt foregår i din browser: din tekst sendes aldrig nogen steder hen.

Sådan minificerer du CSS

Trin 1

Indsæt din CSS i det første felt

Trin 2

Se den minificerede kode og de sparede bytes

Trin 3

Kopiér den minificerede CSS til dit website

Hvad minificering af CSS gør

Mellemrum, linjeskift, indrykninger og kommentarer gør et stylesheet nemt at læse for mennesker, men browsere har ikke brug for dem. Indsæt din CSS, så vises den minificerede kode, mens du skriver, med størrelsen i bytes og hvor meget der er sparet. Kun det, der ikke ændrer noget, fjernes: mellemrummet i en efterkommervælger som nav a bliver stående, fordi nava ville være en anden vælger, og det samme gælder de mellemrum, calc() har brug for. Kommentarer, der begynder med /*!, og som oftest indeholder en licens, bevares.

Det samme værktøj minificerer også HTML og JavaScript: vælg sproget over feltet. For HTML sletter “Fjern kommentarer” kommentarerne, og “Minificér også CSS og JavaScript indeni” minificerer også sidens stil- og scriptblokke. JavaScript tjekkes først af din browser, og hvis koden har en fejl, viser værktøjet den i stedet for at minificere koden. Minificering supplerer serverens gzip- eller Brotli-komprimering, da de to gør filen mindre på forskellig måde. Din kode sendes ikke nogen steder hen.

Editorer
URL-dekoderURL-koderBase64-indkoder og -afkoderCæsarkodeROT13-indkoder og -afkoderJSON-formatter og validatorMarkdown til HTML-konverterHTML-editor

Var AnyTextEditor nyttigt for dig?

Hej. Vi prøvede meget hårdt på at oprette et praktisk websted, som vi selv bruger. Hvis du kunne lide noget af vores værktøjer og redaktører, skal du føje det til dine bogmærker, fordi det vil være nyttigt for dig mere end én gang. Og glem ikke at dele på sociale medier. Vi bliver bedre for dig.