HTML formatieren und minifizieren
Bring HTML in ordentlich eingerücktes Markup oder verkleinere es für deine Live-Website.
HTML einfügen, eine .html-Datei öffnen oder hier ablegen
Weiter: CSS-Formatierer · JavaScript-Formatierer
Problem mit diesem Tool melden
So verwendest du HTML-Formatierer
HTML einfügen
Füge eine Seite oder einen Ausschnitt ein oder öffne bzw. ziehe eine .html-Datei hierher. Es wird schon beim Tippen formatiert.
Formatieren oder minifizieren
Formatieren rückt jedes Tag mit 2 oder 4 Leerzeichen oder einem Tab ein. Minifizieren entfernt Kommentare und unsichtbare Leerzeichen.
Kopieren oder herunterladen
Kopiere das Ergebnis oder lade es als .html-Datei herunter. Beim Minifizieren siehst du, wie viele Bytes du gespart hast.
Warum Utils365?
Sicheres Minifizieren
Der Inhalt von <pre>, <textarea>, <script> und <style> wird nie angetastet, und zwischen Inline-Tags bleibt ein Leerzeichen erhalten, damit die Seite gleich aussieht.
Lesbares Markup
Verschachtelte Tags erhalten eine Einrückung pro Ebene, sodass eine auf eine Zeile gequetschte Seite leicht zu lesen und zu bearbeiten ist.
Ersparnis auf einen Blick
Die Größe vorher und nachher sowie die gesparten Prozent erscheinen, sobald du minifizierst.
Privat durch Design
Dein HTML wird in deinem Browser formatiert und nie hochgeladen, unveröffentlichte Seiten und Vorlagen bleiben also bei dir.
Häufig gestellte Fragen
Was entfernt ein HTML-Minifier?
Kommentare, Zeilenumbrüche und Einrückungen sowie Leerzeichen zwischen Tags, die Browser nicht anzeigen. Alte bedingte Kommentare für den Internet Explorer bleiben erhalten, weil sie noch eine Wirkung haben.
Verändert das Minifizieren das Aussehen meiner Seite?
Das sollte es nicht. Leerraum neben Blockelementen wie <div> und <p> ist nie sichtbar und fällt weg. Zwischen Inline-Elementen wie Links und Buttons bleibt ein Leerzeichen erhalten, weil es dort sichtbar ist.
Werden meine Skripte und Styles verändert?
Nein. Der Inhalt von <script> und <style> bleibt genau so, wie er geschrieben wurde. Um auch diese zu verkleinern, nutze den JavaScript- und den CSS-Formatierer.
Warum bleibt <pre> unverändert?
In <pre> und <textarea> wird jedes Leerzeichen und jeder Zeilenumbruch auf der Seite angezeigt. Würde man etwas davon entfernen, sähen Besucher etwas anderes.
Repariert der Formatierer fehlerhaftes HTML?
Nein. Er ändert nur das Layout, nicht deine Tags. Ein fehlendes schließendes Tag fehlt weiterhin. Achte auf die Einrückung: Ein Tag, das nie endet, schiebt alles danach eine Ebene nach innen.