Förminska CSS

Gör CSS, HTML och JavaScript mindre utan att förstöra dem

CSS

Minifierad kod

Kommentarer, mellanslag och radbrytningar tas bort. Namn och värden förblir som de är, så koden fungerar likadant.

Allt sker i din webbläsare: din text skickas aldrig någonstans.

Så minifierar du CSS

Steg 1

Klistra in din CSS i det första fältet

Steg 2

Se den minifierade koden och hur många byte som sparats

Steg 3

Kopiera den minifierade CSS:en till din webbplats

Vad minifiering av CSS gör

Mellanslag, radbrytningar, indrag och kommentarer gör en stilmall lätt att läsa för människor, men webbläsare behöver dem inte. Klistra in din CSS, så visas den minifierade koden medan du skriver, med storleken i byte och hur mycket som sparats. Bara det som inte ändrar något tas bort: mellanslaget i en ättlingsväljare som nav a blir kvar, eftersom nava skulle vara en annan väljare, och det gäller även mellanslagen som calc() behöver. Kommentarer som börjar med /*!, som oftast innehåller en licens, bevaras.

Samma verktyg minifierar även HTML och JavaScript: välj språk ovanför fältet. För HTML tar ”Ta bort kommentarer” bort kommentarerna, och ”Minifiera även CSS och JavaScript inuti” minifierar dessutom sidans stil- och skriptblock. JavaScript kontrolleras först av din webbläsare, och om koden har ett fel visar verktyget det i stället för att minifiera koden. Minifiering kompletterar serverns gzip- eller Brotli-komprimering, eftersom de två gör filen mindre på olika sätt. Din kod skickas ingenstans.

Var AnyTextEditor användbar för dig?

Hej. Vi försökte mycket hårt att skapa en bekväm webbplats som vi själva använder. Om du gillade något av våra verktyg och redigerare, lägg till det i dina bokmärken, för det kommer att vara användbart för dig mer än en gång. Och glöm inte att dela på sociala medier. Vi blir bättre för dig.