Füge JavaScript oder CSS ein — drücke Minify, um Whitespace + Kommentare für die Produktion zu entfernen, oder Beautify, um obfuskierten / einzeiligen Code wieder einzurücken und lesbar zu machen. Automatische Sprachenerkennung, alles in deinem Browser.
Konservativ. Wir entfernen Kommentare und reduzieren Whitespace, aber wir manipulieren keine Bezeichner (foo bleibt foo), führen keine Dead-Code-Eliminierung durch und ordnen keine Anweisungen um. Ziel ist eine sichere, vorhersagbare Byte-Reduktion. Wenn du maximale Kompression möchtest, schicke die Ausgabe als letzten Schritt durch Terser oder esbuild.
Nein. Der Tokenizer erkennt Strings, Template-Literale und Regexes. Whitespace und kommentarähnliche Sequenzen innerhalb von "...", '...', \`...\` oder /regex/flags bleiben wortgetreu erhalten. Lizenz-Banner-Kommentare (/*! ... */) werden standardmäßig ebenfalls beibehalten.
Minifizieren für die Produktion, verschönern fürs Debugging — und ein paar kleine Details, die das Tool wirklich angenehm machen.
JavaScript oder CSS, minify oder beautify, in einem Tool. Die automatische Erkennung wählt die Sprache anhand inhaltlicher Hinweise; alternativ überschreibst du sie über das Dropdown Sprache.
Wir entfernen Kommentare und reduzieren Whitespace — manipulieren aber niemals Bezeichner, ordnen nichts um und führen keine Inlining-Optimierung durch. Strings, Template-Literale, Reguläre Ausdrücke und Lizenz-Banner-Kommentare (/*! ... */) bleiben wortgetreu erhalten. Die Ausgabe ist Byte-für-Byte sicher.
Füge ein einzeiliges minifiziertes Bundle ein, drücke Beautify und erhalte eine lesbar eingerückte Version — nützlich, um Drittanbieter-Skripte zu inspizieren, Production-Stacktraces zu debuggen oder von cleverem Code zu lernen.
Jede Minifizierung zeigt dir das Delta von Bytes-rein → Bytes-raus und den prozentualen Spareffekt. Du musst nicht mehr raten, ob dein CSS-Bundle wirklich kleiner wird.
Dein Code bleibt auf deinem Gerät. Tokenizer, Minifier und Beautifier laufen alle lokal als JavaScript. Öffne die DevTools → Netzwerk und überprüfe, dass null ausgehende Anfragen erfolgen.
Reines JavaScript, keine Framework-Runtime. Der Cold-Load liegt bei unter 25 KB gzipped. Ein 200 KB großes JS-Bundle wird auf einem normalen Laptop in unter 50 ms minifiziert.
Drei Schritte vom Rohcode zur produktionsreifen Ausgabe.
Lege JavaScript oder CSS in den Bereich Eingabe. Das Tool erkennt automatisch, welche Sprache es ist — oder wähle sie aus dem Dropdown Sprache, falls die Quelle mehrdeutig ist (z. B. ein kleines Fragment).
Drücke Minify, um Kommentare und Whitespace für die Produktion zu entfernen. Drücke Beautify, um obfuskierten / einzeiligen Code mit korrekter Einrückung zu erweitern. Das Tool wird bei jedem Klick sofort neu ausgeführt — wechsle hin und her, um zu vergleichen.
Verwende das Kopieren-Symbol, um die Ausgabe in die Zwischenablage zu übernehmen, oder das Download-Symbol, um sie als output.min.js / output.min.css / output.beauty.js / output.beauty.css zu speichern. Die Größendifferenz (Bytes rein → raus, Prozent gespart) zeigt dir genau, wie stark du komprimiert hast.
Vier häufige Szenarien, in denen ein datenschutzfreundliches Browser-Tool besser ist, als Code in einen beliebigen Online-Minifier zu kopieren.
Statische Seiten, Transaktions-E-Mail-Templates und Embed-Snippets benötigen oft ein einzeiliges Inline-Skript oder Stylesheet. Lege deinen lesbaren Quellcode hinein, minifiziere ihn und füge das Ergebnis in den <style>- oder <script>-Tag ein — fertig.
Vendor-Pixel, Werbenetzwerk-Beacons, verdächtige Erweiterungen — sie alle werden als minifizierte Einzeiler ausgeliefert. Einfügen, Beautify drücken und nachlesen, was sie tatsächlich tun, bevor du sie in der Produktion einbindest.
Themes für WordPress / Shopify / Ghost / Webflow liefern aufgeblähtes CSS aus. Füge das Stylesheet ein, verschönere es und scanne es nach doppelten Regeln und ungenutzten Selektoren. Wenn du fertig bist, minifizierst du die bereinigte Version wieder zu einer einzigen Zeile.
Interne Skripte mit API-Keys, Geheimnissen, Geschäftslogik — alles, was du nicht in einen Cloud-Minifier kopieren darfst. Das reine Browser-Tool behält jedes Byte auf deinem Laptop. Öffne die DevTools → Netzwerk und überprüfe, dass nichts hinausgeht.
Dein Code verlässt nie dein Gerät. Öffne die DevTools → Netzwerk und du siehst null ausgehende Anfragen während Minify oder Beautify.
/*! ... */) bleiben standardmäßig erhalten, damit du nicht versehentlich eine von einer Open-Source-Bibliothek geforderte Urheberangabe entfernst.
Handverlesene Lektüre zu JS- / CSS-Minifizierung, Code-Formatierung und disziplinierter Bundle-Größe.
Where XML still beats JSON (SOAP, RSS, Office docs, EPUB, sitemaps, configs) and where JSON wins. Worked examples and migration patterns.
Reading XML namespace prefixes, finding the actual fault inside a SOAP envelope, and using a browser-based formatter to spot the issue without firing up SoapUI.
Konservativ. Wir entfernen Kommentare und reduzieren Whitespace, aber wir manipulieren keine Bezeichner (foo bleibt foo), führen keine Dead-Code-Eliminierung durch und ordnen keine Anweisungen um. Ziel ist eine sichere, vorhersagbare Byte-Reduktion. Wenn du maximale Kompression möchtest, schicke die Ausgabe als letzten Schritt durch Terser oder esbuild.
Nein. Der Tokenizer erkennt Strings, Template-Literale und Regexes. Whitespace und kommentarähnliche Sequenzen innerhalb von "...", '...', \`...\` oder /regex/flags bleiben wortgetreu erhalten. Lizenz-Banner-Kommentare (/*! ... */) werden standardmäßig ebenfalls beibehalten.
Ja. Verschachtelte Regeln, @media, @keyframes, @font-face, @layer, @container, @supports sowie CSS Custom Properties (--var) werden alle sicher minifiziert. Selektorlisten mit Kommas bleiben erhalten; nur unerheblicher Whitespace wird zusammengeführt.
Genau dafür ist Beautify da. Füge beliebiges minifiziertes JS oder CSS ein, drücke Beautify und erhalte eine neu eingerückte Version. Der Beautifier ändert keine Semantik — er fügt lediglich Zeilenumbrüche und Einrückung basierend auf der Klammerntiefe hinzu. Funktioniert mit jedem gültigen Input, unabhängig davon, wie er minifiziert wurde.
Nein. Tokenizer, Minifier und Beautifier laufen alle als JavaScript auf deinem Gerät. Öffne die DevTools → Netzwerk und du siehst null ausgehende Anfragen während Minify oder Beautify. Füge API-Keys, Geheimnisse oder proprietären Code ein — nichts verlässt deinen Laptop.