HTML Prettify & Minify – HTML online kostenlos formatieren

Verschönere unordentliches HTML mit korrekter Einrückung oder verkleine es auf eine Zeile. Füge eine .html Datei ein oder füge es ein und kopiere oder lade dann das bereinigte Markup herunter.

HTML eingeben

oder eine .html Datei ablegen

Formatierte Ausgabe

Über HTML Prettify
Angetrieben von js-beautify, läuft es vollständig in deinem Browser. Der Prettify-Modus formatiert die Tags mit konsistenter Einrückung auf eigene Linien um; Minify-Modus entfernt Kommentare und lässt den Whitespace für die kleinste Nutzlast zusammenklappen.
Verbessern Sie Ihre Bilder weiter
Bringen Sie Ihre Fotobearbeitung mit diesen beliebten Tools auf die nächste Stufe
📝
Hinzufügen von Text zum Bild
Hinzufügen von Bildunterschriften und Titeln zu Ihrem optimierten Foto
🖼️
Fotorand hinzufügen
Umrahmen Sie Ihren Effekt mit schönen Rändern
🗜️
Bild komprimieren
Optimieren Sie Ihr verbessertes Bild für die Freigabe
📐
Bildgröße ändern
Ändern der Bildabmessungen
Entdecken Sie alle Foto-Tools
Frequently Asked Questions
Füge beliebiges HTML ein – selbst einzeilige minifizierte Ausgabe aus einer Build-Pipeline – und das Tool formatiert es mit korrekter Einrückung, einem Tag pro Zeile und konstantem Leerraum neu. Wähle 2-, 4- oder 8-Space-Einzug. Die Ausgabe ist bereit, in deinen Editor eingefügt oder in einen Code-Review-Kommentar eingefügt zu werden.
usage
Prettify erweitert HTML für die Lesbarkeit: Jedes Tag auf einer eigenen Zeile, verschachtelte Kinder eingerückt, leere Zeilen werden zwischen den Abschnitten erhalten. Minify entfernt Kommentare, verringert Whitespace-Läufe und entfernt Zeilenumbrüche, sodass die Datei weniger Bytes ausgeliefert wird. Verwende Prettify für Bearbeitung und Review, Minify für die Produktionsbereitstellung.
features
Nein – js-beautify (die Engine unter der Haube) erkennt Skript- und Stilblöcke und formatiert deren Inhalte mit den entsprechenden JS- oder CSS-Regeln, sodass Inline-Skripte gültig bleiben und Stylesheets lesbar bleiben. Selbstschließende Tags, Void-Elemente und namespaced Attribute (svg:xmlns, xlink:href) werden alle korrekt behandelt.
technical
Es verarbeitet einfache HTML- und HTML-ähnliche Vorlagen gut, aber reines JSX (Curly-Brace Expressions, Fragments, großgeschriebene Komponenten-Tags) wird als HTML parsed und kann kleinere kosmetische Probleme aufweisen. Für framework-spezifischen Code empfehlen wir Prettier, konfiguriert für deinen Dialekt; Für rohes HTML, .htm und Vorlagendateien ist unser Tool perfekt.
features
Es gibt keinen Upload. Der Formatter läuft komplett in deinem Browser mit js-beautify, sodass du sicher interne Seitenvorlagen, Entwurf-E-Mails oder HTML mit privaten Daten einfügen kannst, ohne dass etwas dein Gerät verlässt.
privacy
Minify entfernt HTML-Kommentare, fügt jede Leerlaufzeit zwischen den Tags auf ein einziges Leerzeichen zusammen und entfernt Zeilenumbrüche. Das Ergebnis ist byte-identisches Rendern von HTML, das typischerweise 10–30 % kleiner ist. In Kombination mit Gzip auf dem Server verringert sich dadurch das anfängliche Seitengewicht auf inhaltsintensiven Seiten deutlich.
technical
Ja – klicke auf Download, um die verschönerte Ausgabe als output.html oder die verkleinerte Ausgabe als output.min.html zu speichern. Die Datei ist UTF-8-codiert, sodass sie gleichermaßen gut mit englischen, kyrillischen, CJK- und Rechts-nach-links-Inhalten funktioniert.
tips
Es handelt sich um ein kleines, reines Browser-Tool – ohne Hosting-Kosten – daher liefern wir es kostenlos als Teil unseres Entwickler-Toolkits aus. Keine Werbung, kein Tracking der Ausgabe, keine Begrenzung der Dateigröße über das hinaus, was dein Browser im Speicher speichern kann.
pricing
Use Cases
Bereinigung von E-Mail-Vorlagen
Marketing-E-Mail-HTML kommt oft von ESPs als ein einziger, verkleinerter Blob. Verschönere sie, um die Struktur zu inspizieren, finde die kaputte Tabellensäule und korrigiere einen Tippfehler, bevor du die nächste Explosion schickst.
marketing
CMS-Inhaltsmigration
Der Export von einem CMS und der Import in ein anderes beinhaltet meist das Verschieben von HTML. Prettify macht Diffs lesbar, Minify verkleinert die Nutzlast, und beide Modi bewahren die Inhaltstreue.
development
Netzscraping-Ausgabe
Rohes HTML, das von einer Website gescrapt wurde, ist ohne Formatierung unlesbar. Verschönere die Ausgabe, um den CSS-Selektor zu finden, den du brauchst, und schreibe dann die Extraktionsregel für deinen Scraper.
data
Statische Standortoptimierung
Minify-generiertes HTML aus deinem statischen Site-Generator vor der Bereitstellung. Verringert die Dateigröße zusätzlich zu gzip um 10–30 % – eine messbare Verbesserung gegenüber den ersten Malzeiten auf inhaltslastigen Seiten.
performance
Dokumentationsschnipsel
Wenn Sie HTML-Beispiele in Dokumente, Blogbeiträge oder README-Dateien einfügen, verschönern Sie zuerst, damit die Leser der Struktur folgen können. Spar dir die verkleinerte Version für den Vergleich der "Produktionsausgabe".
documentation
JSX Refactoring Helper
Bevor Sie einen HTML-Teil in JSX konvertieren, verschönern Sie ihn so, dass das Konvertierungsskript einen sauberen Baum sieht. Das speichert das manuelle Neuformatieren in deiner React/Vue-Migration.
development