HTML Minifier & Beautifier
HTML für die Produktion komprimieren oder für Lesbarkeit formatieren (100% Client-seitig)
Vorschau wird aus Sicherheitsgründen in einem gesicherten iframe angezeigt. Einige Funktionen können eingeschränkt sein.
HTML-Minimierer & Formatierer Dokumentation
Was ist dieses Tool?
HTML-Minifizierung entfernt render-irrelevante Zeichen: Leerzeichen zwischen Tags, HTML-Kommentare (<!-- -->), optionale Schlusstags (HTML5: </li>, </td>, </p>), boolesche Attributwerte (disabled=“disabled” → disabled). <pre>, <textarea>, <script> und <style> werden respektiert.
Hauptfunktionen
- Leerzeichen- und Kommentarentfernung: Leerzeichen zwischen Block-Tags kollabiert; <!-- --> entfernt; <pre>/<code>/<textarea> unberührt.
- Optionale Schlusstag-Entfernung (HTML5): </li>/<p>/<tr>/<td> werden wo spec-erlaubt ohne DOM-Änderung ausgelassen.
- Boolesche Attribut-Kompaktierung: selected=“selected” → selected gemäß HTML5.
- Konfigurierbarer Beautifier: 2/4-Leerzeichen- oder Tab-Einrückung, Block/Inline-Unterscheidung, <pre>/<code>-Erhalt.
- Attribut-Anführungszeichen-Normalisierung: Entfernung wenn Wert keine Leerzeichen oder Sonderzeichen enthält.
- Dateigrößen-Delta: Original-Bytes, komprimierte Bytes, Kompressionsrate.
Häufige Anwendungsfälle
- SSR-Optimierung: HTML-Ausgabe von PHP/Django/Rails vor Browser-Zustellung minifizieren; 10-30% Reduktion.
- Statischer Site-Generator Post-Processing: Jekyll/Hugo/Eleventy/Next.js; mit Brotli 85-95% Gesamtreduktion.
- Minifiziertes HTML debuggen: view-source oder API-Antworten beautifizieren.
- Template-Audit: CMS-generiertes HTML reformatieren für ARIA- und Überschriftenhierarchie-Prüfung.
Verschönerungsanpassungen
Rekonstruiert Einrückung aus flachem HTML. Block/Inline-Elemente korrekt behandelt, <pre>/<code> verbatim erhalten.
- Konfigurierbarer Einzug: 2 Leerzeichen, 4 Leerzeichen oder Tabulator
- Block-Elemente auf neuer Zeile; Inline-Elemente auf selber Zeile
- Verbatim-Erhalt von <pre>/<code>/<textarea>
- Einheitliche Doppel-Anführungszeichen auf allen Attributen
Minifizierungsanpassungen
Kontrollierbare Durchläufe: Leerzeichen-Kollaps, Kommentarentfernung, optionale Tags, boolesche Attribute, Anführungszeichen.
- Inter-Tag-Leerzeichen zu einem Leerzeichen kollabiert, an Block-Grenzen entfernt
- HTML-Kommentare entfernt (optionaler IE-Conditional-Erhalt)
- Optionale HTML5-Schlusstags spec-sicher ausgelassen
- Boolesche Attribute in nackter Form
- Attribut-Anführungszeichen entfernt wenn Wert kein Leerzeichen/Sonderzeichen
Geschätzte Auswirkung auf die Dateigröße
10-30% für Standardinhalt. 20-40% für markup-intensive Seiten. Brotli obendrauf: 85-95% Transferreduktion.
Verwandte Tools
CSS-Minifier & Verschönerer
Komprimieren oder verschönern Sie CSS-Code, entfernen Sie Leerzeichen und Kommentare zur Optimierung der Dateigröße oder formatieren Sie Code für bessere Lesbarkeit
JavaScript-Minifier & Verschönerer
Komprimieren oder verschönern Sie JavaScript-Code, entfernen Sie Leerzeichen und Kommentare zur Optimierung der Dateigröße oder formatieren Sie Code für bessere Lesbarkeit
HTML-Kodierer/Dekodierer
Konvertieren Sie Sonderzeichen in HTML-Entitäten mit benannten, dezimalen und hexadezimalen Formaten zur Verhinderung von XSS-Angriffen
XML-Formatierer
Formatieren und validieren Sie XML-Daten mit Syntaxhervorhebung
JSON-Formatierer
Formatieren und validieren Sie JSON-Daten für verbesserte Lesbarkeit und Debugging
Text-Diff-Checker
Vergleichen Sie Unterschiede zwischen zwei Texten oder Dateien mit nebeneinander hervorgehobener Ansicht