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

Dateien werden nach der Verarbeitung automatisch gelöschtKeine WasserzeichenKostenlos nutzbar – keine Anmeldung erforderlich

Frequently 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.

usage

Prettify 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.

features

Nein – 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.

technical

Mit 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.

features

Es 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.

privacy

Das 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.

technical

Ja – 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.

tips

Es 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.

pricing

How 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.

Marketing

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.

For Developers

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.

For Developers

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.

Web & SEO

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.

Publishing

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.

For Developers

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.