Met de TidyCSS CSS formatter en optimizer, kun je je css bestanden optimaliseren en ze zo reduceren tot kleinere bestanden. Hoe kleiner je css bestanden, des te sneller je site laadt.

Let op dat als je externe css importeert in je huidige css bestand, deze regel een fout oplevert in de geoptimaliseerde code. Bijv : @import "mycssfile.css"; wordt @import mycssfile.css; en zal niet geladen worden.

Belangrijk: Je css code moet correct zijn. Deze tool is niet geschikt om fouten in je CSS code te corrigeren. Om je code te valideren, ga naar W3C Validator.

CSS Input:

CSS-Code: CSS vanaf een URL:

Code Layout:

Compressie (code layout): Hoogst (niet leesbaar, kleinste grootte)Hoog (redelijk leesbaar, kleinere grootte)Standaard (balans tussen leesbaarheid en grootte)Laag (Goede leesbaarheid)Custom (geef hieronder op)
Custom template

Opties

Behoud CSS structuur
Sorteer Selectors (waarschuwing)
Sorteer eigenschappen
Hergroepeer selectors Verander nietsAlleen aparte selectors (splitsen bij ,)Voeg selectors met dezelfde properties samen (snel)
Optimaliseeer shorthands Niet optimaliserenVeilige optimaliseringAlle optimaliseringen
Comprimeer kleuren
Comprimeer font-weight
Lowercase selectors


Case voor properties:

Geen Lowercase Uppercase
Verwijder onnodige backslashes
Verwijder laatste ;
Negeer ongeldige properties CSS2.1CSS2.0CSS1.0
Voeg datum toe
Output als bestand