Zum Inhalt springen
Toolars
Erkunden
Fehler melden

Entwickler · Lokal-Werkzeug

CSS minimieren

CSS Minifier

Minifiziere CSS bis 256 KiB mit strikter Parser-Prüfung und Fehlerort mit Zeile und Spalte — lokal, mit Größenvergleich vor dem Kopieren.

Aufgabenpfad / von der Eingabe zum Ergebnis

Füge das Stylesheet ein

Läuft lokal · Nichts wird hochgeladen

Wie CSS minimieren funktioniert, Datenschutz und verwandte Tools

Aufgabenpfad / von der Eingabe zum Ergebnis

So minifizierst du CSS

  1. 01

    Füge das Stylesheet ein

    Fügen Sie UTF-8-Quelltext bis 256 KiB ein. Die Einrückung ist beim Minifizieren deaktiviert.

  2. 02

    Probiere zuerst das Beispiel

    Beispiel geladen. Führe die lokale Transformation aus, wenn du bereit bist.

  3. 03

    Drücke Minifizieren

    Klicken Sie auf Minifizieren. CSSO entfernt normale Kommentare und verdichtet CSS ohne Neustrukturierung der Regeln; /*!...*/-Kommentare bleiben erhalten. Prüfen Sie das Ergebnis im Ziellayout.

  4. 04

    Prüfe die Statistiken

    Vergleichen Sie die UTF-8-Bytes von Ein- und Ausgabe sowie die Ersparnis. Ein negativer Wert bedeutet, dass das Ergebnis größer wurde; prüfen Sie es vor dem Kopieren oder Herunterladen.

  5. 05

    Kopiere oder lade das Ergebnis herunter

    Nutze Ergebnis kopieren für die Zwischenablage oder Herunterladen, um toolars.min.css zu speichern — Ergebnis kopieren ist der schnelle Weg, wenn die Ausgabe direkt in einen Style-Block oder einen Commit wandert. Zurücksetzen leert den Arbeitsbereich für das nächste Stylesheet.

Tool-Fakten

Verarbeitung
In deinem Browser
Eingabe verlässt dieses Gerät
Nie
Aufbewahrung
Nichts wird gespeichert
Preis
Kostenlos

Deine Eingabe bleibt im Browser.

CSS minimieren nutzt seinen verifizierten lokalen Ausführungspfad und erstellt keinen versteckten Ein- oder Ausgabeverlauf.

Lokale Ausführung

Läuft im aktuellen Browser-Tab.

Keine versteckte Verarbeitung

Aktive Tool-Daten werden nie zu einem Toolars-Dokumentdatensatz.

Kein Konto erforderlich

Nutze den Kern-Workflow ohne Profil. Favoriten werden mit deinem Konto synchronisiert, sobald du dich anmeldest.

Sofortiges Zurücksetzen

Leere den Tab, und die aktiven Arbeitsdaten sind weg.

Wann CSS minimieren nützlich ist

Code-Reviews

Mache Quellcode leichter prüfbar, bevor du ihn mit anderen Entwicklern teilst.

Build-Artefakte

Erstelle kompaktes HTML, CSS oder JavaScript, ohne den Quellcode auszuführen.

Kopierfertige Snippets

Formatiere ein fokussiertes Beispiel und übernimm es direkt in Dokumentation oder Editor.

Was CSS minimieren tatsächlich tut

Ein handgepflegtes Stylesheet ist über Monate von Bearbeitungen gewachsen und braucht seine Produktionsform; ein Critical-CSS-Block sollte schrumpfen, bevor er in den Document Head wandert; ein Designsystem-Release will eine schnelle Vorher-nachher-Zahl. CSS lokal zu minimieren liefert dir die komprimierte Ausgabe und die exakte Ersparnis, und das strikte Parsen fängt die verirrte Klammer, die sonst lautlos ausgeliefert worden wäre. Lass es bei jedem Release-Kandidaten laufen und behalte die lesbare Quelle in der Versionskontrolle; unveröffentlichte Styles verlassen nie den Browser, und es ist kein Konto nötig.

Häufige Fragen

Was ändert der Minifier?
CSSO verdichtet Syntax und entfernt normale Kommentare; Kommentare ab /*! bleiben erhalten. Die Neustrukturierung von Regeln ist deaktiviert; HTML und JavaScript werden nicht verarbeitet.
Welche Kommentare überleben die Minifizierung?
Nur Kommentare, die mit /*! beginnen — die übliche Konvention für Lizenz- und Attributionsbanner, die an der Ausgabe haften bleiben, damit die Attribution die Distribution überlebt. Gewöhnliche /* */-Kommentare werden entfernt, verschiebe also alles, was du behalten musst, vor dem Minifizieren in die /*!-Form.
Ändert die Minifizierung, wie meine Styles angewendet werden?
Hier findet keine Prüfung der Browserdarstellung statt. Testen Sie die Ausgabe auf der Zielseite, besonders Ersatzregeln, Selektoren und eigene Eigenschaften; erfolgreiches Parsen garantiert kein identisches Layout.
Warum wurde mein Stylesheet abgelehnt?
Das CSS wird vor dem Minifizieren mit einem strikten Parser geparst, gerade weil der Kompressor selbst fehlertolerant ist. Ein Tippfehler, eine ungeschlossene Klammer oder eine ungültige Deklaration stoppt den Lauf mit genannter Zeile und Spalte, statt subtil falsche Ausgabe zu erzeugen. Dasselbe strikte Parsen trägt den passenden CSS-Formatter in dieser Familie.
Was sind die Limits?
Die Eingabe ist auf 256 KiB, die Ausgabe auf 512 KiB begrenzt. Für Start und Ausführung des lokalen Workers gelten je fünf Sekunden; Bearbeiten oder Abbrechen stoppt ihn. Der Quelltext bleibt in diesem Browser; nichts wird hochgeladen.
Wird mein CSS irgendwo hochgeladen?
Nein. Der Quelltext wird in einem lokalen Worker geparst und wird nie ausgeführt, hochgeladen oder gespeichert. Die Akzeptanz durch den Parser ist weder Anwendungskorrektheit noch Browser-Kompatibilität.

Weiter in Entwickler

Verwandte Aufgaben statt Sackgasse.

Wechsle in einen anderen fokussierten Arbeitsbereich, ohne zum vollständigen Index zurückzukehren.

Code zu Bild

Code to Image Converter

Exportiere hervorgehobenen Code als PNG oder SVG mit einstellbarer Schrift, Zeilennummern und 1x/2x-Skalierung — bis 200 Zeilen, lokal gerendert.

Erstellen

URL-Slug-Generator

URL Slug Generator

Verwandle Titel und Beschriftungen lokal in saubere, kopierfertige URL-Slugs — wahlweise mit Bindestrichen oder Unterstrichen als Trennzeichen.

Erstellen

Schatten für React Native

React Native Shadow Generator

Vergleiche klassische iOS- und Android-Schatten mit dem boxShadow-Stil der New Architecture in React Native und kopiere die Styles samt Plattformhinweisen.

Erstellen

Base64-Kodierer/Dekodierer

Base64 Encoder/Decoder

Kodiere Text zu Base64 oder dekodiere ihn zurück — mit UTF-8-, URL-sicherer und Zeilenumbruch-Option sowie laufender Validierung, komplett lokal.

Konvertieren