HTML formatieren & minifizieren – HTML online kostenlos formatieren
Verschönern Sie unordentliches HTML mit korrekter Einrückung oder minifizieren Sie es auf eine Zeile. Legen Sie eine .html-Datei ab oder fügen Sie sie ein, dann kopieren Sie das bereinigte Markup oder laden es herunter.
Füge dein HTML hier ein …
oder lege eine .html-Datei ab
Fertig mit HTML formatieren? Probiere als Nächstes diese aus
Handverlesene Tools, die perfekt zu HTML formatieren passen. Mach weiter, ohne deine Datei zu verlieren.
JSON verschönern
Formatiere, validiere und minifiziere JSON direkt im Browser. Übersichtliche Einrückung mit 2 / 4 / 8 Leerzeichen oder einzeilige Minifizierung mit Kopier- und Download-Funktion.
Jetzt ausprobierenMarkdown-Editor
Schreibe Markdown mit HTML-Live-Vorschau. Überschriften, Listen, Tabellen, Codeblöcke, Zitate. Exportiere nach HTML oder Markdown.
Jetzt ausprobierenDiff Checker
Vergleiche zwei Textausschnitte Zeile für Zeile. Geteilte oder vereinheitlichte Ansicht, optional Leerzeichen und Groß-/Kleinschreibung ignorieren.
Jetzt ausprobierenBild zu HTML
Wandle Screenshots in sauberes HTML mit echten <table>-Elementen und strukturiertem Markup um.
Jetzt ausprobierenPDF zu HTML
Wandle PDF in semantisches HTML mit echten <table>-Elementen um. Funktioniert auch bei gescannten PDFs.
Jetzt ausprobierenBase64-Encoder / -Decoder
Kodieren Sie beliebigen Text oder beliebige Dateien zu Base64 (mit URL-sicherer Variante) oder dekodieren Sie Base64 zurück in Text. UTF-8-sicher.
Jetzt ausprobierenFrequently Asked Questions
Füge beliebiges HTML ein – auch einzeilig minifizierte Ausgaben aus einer Build-Pipeline – und das Tool formatiert es mit sauberer Einrückung, einem Tag pro Zeile und einheitlichen Leerzeichen neu. Wähle eine Einrückung von 2, 4 oder 8 Leerzeichen. Die Ausgabe lässt sich direkt in deinen Editor übernehmen oder in einen Code-Review-Kommentar einfügen.
usagePrettify entzerrt HTML für bessere Lesbarkeit: jedes Tag in einer eigenen Zeile, verschachtelte Elemente eingerückt, Leerzeilen zwischen Abschnitten bleiben erhalten. Minify entfernt Kommentare, reduziert zusammenhängenden Leerraum und entfernt Zeilenumbrüche, sodass die Datei mit weniger Bytes auskommt. Nutze Prettify zum Bearbeiten und Prüfen, Minify für den Produktiveinsatz.
featuresNein – js-beautify (die Engine im Hintergrund) erkennt Script- und Style-Blöcke und formatiert deren Inhalte nach den passenden JS- bzw. CSS-Regeln, sodass Inline-Skripte gültig und Stylesheets lesbar bleiben. Selbstschließende Tags, leere Elemente und Attribute mit Namespace (svg:xmlns, xlink:href) werden alle korrekt behandelt.
technicalMit reinem HTML und HTML-ähnlichen Templates kommt es gut zurecht, doch reines JSX (Ausdrücke in geschweiften Klammern, Fragmente, großgeschriebene Komponenten-Tags) wird als HTML interpretiert und kann kleinere kosmetische Probleme aufweisen. Für Framework-spezifischen Code empfehlen wir Prettier mit einer auf Ihren Dialekt abgestimmten Konfiguration; für reines HTML, .htm und Template-Dateien ist unser Tool perfekt.
featuresEs findet kein Upload statt. Der Formatierer läuft vollständig in deinem Browser mit js-beautify, sodass du interne Seitenvorlagen, E-Mail-Entwürfe oder HTML mit privaten Daten bedenkenlos einfügen kannst, ohne dass etwas dein Gerät verlässt.
privacyDas Minifizieren entfernt HTML-Kommentare, reduziert jede Folge von Leerzeichen zwischen Tags auf ein einzelnes Leerzeichen und entfernt Zeilenumbrüche. Das Ergebnis ist HTML, das identisch dargestellt wird und in der Regel 10–30 % kleiner ist. In Kombination mit gzip auf dem Server verringert das auf inhaltsreichen Seiten das anfängliche Seitengewicht spürbar.
technicalJa – klicke auf „Herunterladen“, um die formatierte Ausgabe als output.html oder die minifizierte Ausgabe als output.min.html zu speichern. Die Datei ist UTF-8-codiert und funktioniert daher gleichermaßen mit englischen, kyrillischen, CJK- und rechtsläufigen Inhalten.
tipsEs ist ein kleines, rein browserbasiertes Tool – ohne Hosting-Kosten – daher bieten wir es kostenlos als Teil unseres Entwickler-Toolkits an. Keine Werbung, kein Tracking der Ausgabe, keine Dateigrößenlimits außer dem, was Ihr Browser im Speicher halten kann.
pricingHow HTML Prettify helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
E-Mail-Vorlagen bereinigen
HTML aus Marketing-E-Mails kommt von ESPs oft als ein einziger minifizierter Block an. Formatiere es übersichtlich, um die Struktur zu prüfen, die fehlerhafte Tabellenspalte zu finden und vor dem nächsten Versand einen Tippfehler zu korrigieren.
CMS-Content-Migration
Beim Export aus einem CMS und Import in ein anderes wird in der Regel HTML übertragen. Das Verschönern macht Diffs lesbar, das Minimieren verkleinert die Datenmenge, und beide Modi erhalten die inhaltliche Integrität.
Web-Scraping-Ausgabe
Roher HTML-Code, der von einer Website ausgelesen wurde, ist ohne Formatierung unlesbar. Verschönere die Ausgabe, um den benötigten CSS-Selektor zu finden, und schreibe dann die Extraktionsregel für deinen Scraper.
Optimierung statischer Websites
Minifiziere das von deinem Static-Site-Generator erzeugte HTML vor dem Deployment. Das spart zusätzlich zu gzip 10–30 % an Dateigröße – eine messbare Verbesserung der First-Paint-Zeiten auf inhaltsreichen Seiten.
Dokumentations-Snippets
Wenn Sie HTML-Beispiele in Dokumentationen, Blogbeiträge oder README-Dateien einfügen, verschönern Sie sie zuerst, damit Leser die Struktur nachvollziehen können. Bewahren Sie die minimierte Version für den Vergleich der „Produktionsausgabe“ auf.
JSX-Refactoring-Helfer
Bevor Sie einen HTML-Abschnitt in JSX umwandeln, verschönern Sie ihn, damit das Konvertierungsskript einen sauberen Baum erhält. Das erspart manuelles Neuformatieren bei Ihrer React-/Vue-Migration.
Pixoate