# Code- und Markup-Minify-, Beautify- und Formatierungswerkzeuge Minifizieren und verschönern Sie CSS, HTML, JavaScript, JSON, SQL, XML, YAML, TOML, SVG und VBA, linten Sie Markdown und E-Mail-HTML, und formatieren Sie Code in mehreren Sprachen in einem Hub für Produktions- und Review-Workflows. > Kanonische Seite: https://elysiatools.com/de/hubs/code-minify-beautify-format-tools - **Kategorie:** format - **Schlagwörter:** css minifier, javascript minifier, html minifier, json minifier, sql formatter, yaml formatter, xml formatter, toml formatter, svg minifier, code beautify, code formatter, markdown linter ## Überblick Dieser Hub bündelt die zwei entgegengesetzten Aufgaben, die um jede Code- und Markup-Datei herum anfallen: sie für die Produktion zu verkleinern und sie fürs Review aufzuräumen. Die Minifier entfernen Leerzeichen, Kommentare und redundantes Markup aus CSS, HTML, JavaScript, JSON und SVG, damit Assets kleiner ausgeliefert werden. Die Beautifier und Formatter machen das Gegenteil und verwandeln einen minifizierten oder chaotischen Blob in lesbaren, gut eingerückten SQL-, XML-, YAML-, TOML- oder VBA-Code. Zwei Linter runden das Set ab: ein Markdown-Stil-Prüfer und ein E-Mail-HTML-Kompatibilitäts-Prüfer, der markiert, was Gmail, Outlook und Apple Mail kaputt machen. Nutzen Sie es, um einen Build vorzubereiten, einen minifizierten Schnipsel zu entwirren oder eine Konfigurationsdatei vor dem Commit review-fähig zu machen. ## Tools - CSS-Minifier: CSS-Code komprimieren - CSS-Verschönerer: Formatiert und verschönert minifizierten oder unordentlichen CSS-Code in lesbare Stylesheets - HTML-Minifier: Komprimiert HTML durch Entfernen von Kommentaren, Leerzeichen und Minifizierung von Inline-CSS/JS - JavaScript-Minifier: JavaScript-Code komprimieren - JSON-Minifier: Komprimiert JSON-Daten durch Entfernen aller unnötigen Leerzeichen - SQL-Formatierer & Minifier: Verschönert oder minifiziert SQL mit voller Kontrolle über den Dialekt (PostgreSQL, MySQL, SQLite, SQL Server/T-SQL, BigQuery, Snowflake u.a.), Groß-/Kleinschreibung von Schlüsselwörtern/Bezeichnern/Funktionen, Einzugsstil (Standard, tabellarisch links/rechts) und Leerzeilen zwischen Anweisungen. Liefert ein farbig hervorgehobenes, kopierfertiges Ergebnis mit Größen- und Anweisungsstatistik. - XML-Formatierer: Formatiert, verschönert und komprimiert XML mit konfigurierbarer Einrückung. Behält Kommentare und CDATA - YAML-Formatierer: Formatiert und verschönert YAML. Hinweis: Kommentare gehen verloren (js-yaml-Einschränkung) - TOML-Formatierer: Formatiert und verschönert TOML. Hinweis: Kommentare gehen verloren und die Schlüsselreihenfolge kann sich ändern (@iarna/toml-Einschränkung) - Markdown-Linter: Prüft Markdown auf Stilprobleme: Überschriftenebenen, Code-Zäune, Listenkonsistenz und mehr (regelbasiert, ohne Abhängigkeiten) - SVG-Minifier und Analyzer: Analysiert SVG-Markup, entfernt redundante Elemente, reduziert die Dateigroesse, vergleicht Vorher/Nachher und exportiert bereinigte Dateien - Code-Formatierer: Code in verschiedenen Sprachen formatieren - VBA-Code-Formatierer: VBA-Code formatieren und verschönern für bessere Lesbarkeit - E-Mail-HTML-Linter: Prüft Cross-Client-Kompatibilität von E-Mail-HTML-Vorlagen: nicht unterstützte Flex/Grid, nicht-inline CSS, Outlook-Word-Rendering-Fallen, Tabellen-Layout-Probleme und Barrierefreiheits-Mängel. Deckt die bekannten Einschränkungen von Gmail/Outlook/Apple Mail. ## Beispiele - MySQL Database Beispiele: MySQL-Datenbankskripte verschiedener Komplexitätsstufen, von einfachen Tabellen bis zu Unternehmens-ERP-Systemen - TOML-Beispiele: TOML (Tom's Obvious, Minimal Language)-Formatbeispiele von einfachen bis komplexen Strukturen - Kubernetes YAML Beispiele: Vollständige Kubernetes YAML Manifeste für Deployment, Service, ConfigMap, Secret, Ingress und andere wesentliche Ressourcen ## Häufig gestellte Fragen ### Was ist der Unterschied zwischen Minifizieren und Verschönern? Minifizieren entfernt jedes Byte, das zur Laufzeit nicht nötig ist — Leerzeichen, Kommentare, Semikolons, Zeilenumbrüche —, damit die Datei für Browser oder Parser so klein wie möglich wird. Verschönern macht das Gegenteil: Es fügt einheitliche Einrückung und Zeilenumbrüche wieder hinzu, sodass eine minifizierte oder chaotische Datei wieder lesbar wird. Die meisten Formate hier haben jeweils eines von beiden. ### Welche Werkzeuge linten auch, statt nur zu formatieren? Markdown Linter prüft Stilprobleme wie Überschriftsebenen, Code-Zäune und Listenkonsistenz, und Email HTML Linter markiert clientübergreifende Probleme wie nicht unterstütztes flex/grid-CSS, nicht-inline Styles und Outlook-Rendertücken. Die restlichen konzentrieren sich auf Minifizieren oder Formatieren, nicht auf Regelprüfung. ### Geht beim Formatieren mein Kommentar verloren? Das hängt vom Format ab. XML Formatter bewahrt Kommentare und CDATA, aber YAML Formatter und TOML Formatter warnen, dass Kommentare verloren gehen, wegen der Arbeitsweise ihrer zugrundeliegenden Parser. Die Werkzeugbeschreibungen weisen darauf hin, damit Sie es wissen, bevor Sie es auf eine Konfigurationsdatei anwenden, deren Kommentare wichtig sind. ### Kann SQL Formatter meinen Datenbank-Dialekt? Ja. SQL Query Formatter und Minifier unterstützt PostgreSQL, MySQL, SQLite, SQL Server/T-SQL, BigQuery, Snowflake und mehr, mit Kontrolle über Groß-/Kleinschreibung von Schlüsselwörtern und Bezeichnern, Einrückungsstil und Anweisungsabstand und zeigt Live-Größen- und Anweisungsstatistiken. ## Verwandte Inhalte - [CSS-Authoring-, Layout- und Cascade-Workflow-Tools](https://elysiatools.com/de/hubs/css-authoring-layout-and-cascade-workflows): Stylesheets formatieren, Selektoren und Spezifität prüfen, responsive Typografie und Layouts erstellen, Bewegung testen und CSS-Filter erzeugen - in einem Frontend-CSS-Hub. - [SVG-, Favicon- und Icon-Workflow-Tools](https://elysiatools.com/de/hubs/svg-favicon-icon-workflows): Erstellen Sie Favicon-Pakete, optimieren Sie SVGs, konvertieren Sie Icons zwischen ICO, PNG, JPG, WebP und SVG und bereiten Sie webfertige Assets in einem Hub vor. - [Werkzeuge fur JSON-Inspektion, Diff und Transformation](https://elysiatools.com/de/hubs/json-utility): Bunde JSON-Formatierung, Diff, Pfad-Inspektion, Schema-Prufung, Merge und Transformation in einem Hub fur API- und Daten-Workflows. - [Werkzeuge fur Dokumentations-Authoring, Extraktion und Publishing](https://elysiatools.com/de/hubs/documentation-authoring-publishing): Erstellen Sie Dokumentation, extrahieren Sie Inhalte aus Code oder PDFs, prufen Sie Markdown und exportieren Sie saubere Ergebnisse in einem Dokumentations-Hub. - [Tools fuer E-Mail-Validierung, MIME und Domain-Zustellungs-Workflows](https://elysiatools.com/de/hubs/email-mime-delivery-workflows): Validiere E-Mail-Listen, pruefe Domains und DNS, bereite MIME-sichere Inhalte vor, kontrolliere Tracking-Links und uebergib HTML-Mails in einem gemeinsamen Workflow-Hub. - [Tools fur SQL-Abfrageprufung, Performance und relationale Integritat](https://elysiatools.com/de/hubs/sql-query-review-performance-and-integrity): SQL vor dem Produktionseinsatz pruefen: Queries formatieren, Joins nachvollziehen, EXPLAIN-Plaene lesen, Injection-Muster erkennen, Fremdschluessel validieren und Schema-Drift in einem fokussierten Hub vergleichen.