CSS Style Sheet Minimierer und Formatierer


english version deutsche Version

So wie Sie für Ihr Style Sheet verantwortlich sind tragen Sie auch die alleinige Verantwortung für korrektes Funktionieren des minimierten Codes. In seltenen Fällen kann minimierter Code sich anders verhalten als erwartet.

Schritt 1 Wählen Sie (optional) Zeichensatz bzw. -Kodierung und die Style Sheet (.css) Datei. Die Zeichensatzwahl wird nur benötigt, wenn das Style Sheet nicht-ASCII Zeichen enthält (UTF8 ist eine Obermenge von ASCII). Windows Benutzer können ihren Standardzeichensatz folgendermaßen ermitteln: PowerShell öffnen, [System.Text.Encoding]::Default eingeben und in der Ausgabe den Wert für WebName ermitteln. Alternativ können nicht-ASCII Zeichen wie z.B. \0020AC für das Euro-Symbol notiert werden. Style Code kann auch manuell aus der Zwischenablage eingefügt werden (in das Textfeld klicken, dann [Ctrl]+[V]).

Schritt 2 Minimierung starten. Bitte erlauben Sie einige Sekunden Verzögerung. Der minimierte Code wird in das Textfeld unten eingefügt.



Schritt 3 Kopieren Sie den Inhalt des Textfelds in die Zwischenablage zu Ihrer Verfügung. Dies kann auch manuell erfolgen, dazu in das Textfeld klicken, dann [Ctrl]+[A], gefolgt von [Ctrl]+[C].

Schritt 4 Zusatz: Um mittels Apache Webserver minimierte Style Sheets auszuliefern, kann z.B. der folgende Code in einer .htaccess Datei verwendet werden, der [stylesheet].min.js nur wenn verfügbar ausliefert, ansonsten wird [stylesheet].js ausgeliefert (getestet mit Apache 2.4):

<IfModule mod_rewrite.c>
    RewriteEngine on
    Options +FollowSymLinks
    RewriteCond %{REQUEST_FILENAME} "^(.*)(\.css)$"
    RewriteCond %{REQUEST_URI} "!^(.*)(\.min\.css)$"
    RewriteCond %1.min.css -f
    RewriteRule "^(.*)(\.css)$" "$1.min.css"
</IfModule>

Formatieren CSS Code im Textfeld oben wird formatiert ("beautify") und kann dann optional in die Zwischenablage kopiert werden (Schritt 3). Bitte erlauben Sie einige Sekunden Verzögerung.



Multi JavaScript Minimierer
HTML Minimierer
Startseite