Unordentliches HTML einrücken oder minifizieren und die gesparten Bytes sehen
Läuft in Ihrem Browser. Nichts, was Sie eingeben, wird irgendwohin gesendet.Beim Formatieren werden verschachtelte Tags eingerückt, sodass die Struktur sichtbar wird, und beim Minifizieren fällt der Leerraum zwischen ihnen weg. Die gesparten Bytes werden angezeigt, was sich bei einer 100-KB-Seite meist lohnt. Alles wird in Ihrem Browser verarbeitet, eine unveröffentlichte Seite bleibt also privat.
Diese Seite wurde maschinell aus dem englischen Original übersetzt. Die Übersetzung wurde noch von keinem Menschen geprüft; maßgeblich ist die englische Fassung. Englisches Original lesen
Fügen Sie das Markup in das Feld HTML ein oder klicken Sie auf Beispiel laden.
Lassen Sie Formatieren ausgewählt, um es einzurücken, oder wählen Sie Minifizieren, um Kommentare und überflüssigen Leerraum zu entfernen.
Wählen Sie bei Formatieren 2 Leerzeichen, 4 Leerzeichen oder Tab und stellen Sie Umbruch bei für lange Attributlisten ein.
Klicken Sie auf Kopieren oder Herunterladen, um das Ergebnis zu übernehmen.
Dieser HTML-Formatierer erledigt die beiden Aufgaben, die man mit Markup hat: es lesbar machen oder es klein machen. Links einfügen, rechts erscheint das Ergebnis. Formatieren setzt jedes Element in eine eigene Zeile, eingerückt mit zwei Leerzeichen, vier Leerzeichen oder einem Tab, und bricht lange Attributlisten bei der gewählten Breite um. Minifizieren entfernt Kommentare und überflüssigen Leerraum und zeigt die Größe vorher, die Größe nachher und die prozentuale Ersparnis.
Die meisten Besuche beginnen mit Markup, das niemand von Hand geschrieben hat. Eine aus dem Browser gespeicherte Seite kommt als eine einzige Zeile. Eine Template-Engine liefert einen Block mit gemischten Tabs und Leerzeichen. Ein Build-Schritt gibt Ihnen Produktions-HTML, und Sie müssen herausfinden, wie ein Abschnitt aufgebaut ist. Wer zuerst formatiert, macht aus all dem etwas, das sich lesen und durchsuchen lässt.
Der Minifier ist bewusst vorsichtig. Ein Leerzeichen zwischen zwei Inline-Elementen ist auf dem Bildschirm sichtbar, also bleibt es; entfernt wird nur Leerraum zwischen Block-Tags, den der Browser ohnehin verwirft. Kommentare fallen weg, außer bedingten Kommentaren für den alten Internet Explorer. Der Inhalt von pre, textarea, script und style wird Zeichen für Zeichen kopiert, sodass Einrückungen, die Ihre Nutzer sehen, nie verändert werden. Beim Entfernen von Attribut-Anführungszeichen bleibt jeder Wert mit einem Schrägstrich in Anführungszeichen, denn Browser akzeptieren href=/a/b, mehrere Build-Tools lesen es aber nicht. Skripte und Stylesheets werden hier nicht minifiziert; nutzen Sie dafür JavaScript Minifier und CSS Minifier.
Lässt sich das Markup nicht lesen, erhalten Sie Zeile und Spalte des Problems und was zu korrigieren ist, etwa einen Kommentar, der nie geschlossen wird, oder einen Attributwert ohne schließendes Anführungszeichen. Alles läuft in Ihrem Browser, Seiten mit Kundennamen oder internen URLs verlassen also nie Ihr Gerät.
Ja. Keine Anmeldung, kein Wasserzeichen und keine Grenze dafür, wie viel Markup Sie einfügen oder wie oft Sie ihn nutzen. Die Seite finanziert sich über einige Anzeigen außerhalb des Tools, nie in Ihrem Ergebnis.
Nein. Formatieren und Minifizieren laufen in Ihrem Browser mit JavaScript. Markup mit Kundennamen, internen URLs oder API-Schlüsseln in einem Script-Tag verlässt nie Ihr Gerät, und nach dem Schließen des Tabs wird nichts gespeichert.
Meist um 3 bis 10 Prozent der Rohbytes, etwas mehr ohne Attribut-Anführungszeichen. Tief eingerücktes Markup spart am meisten; eine bereits minifizierte Seite spart nichts. Das Tool zeigt die genaue Größe vorher, nachher und den Prozentsatz, Sie müssen also nie raten.
Minifizieren sollte nicht verändern, wie eine Seite dargestellt wird. Leerraum wird nur zwischen Block-Tags entfernt, wo Browser ihn ohnehin ignorieren. Ein Leerzeichen zwischen zwei Inline-Elementen wie span oder strong ist sichtbar und bleibt daher, und der Inhalt von pre, textarea, script und style wird exakt kopiert.
Ja. Wählen Sie Formatieren, und die einzelne Zeile wird zu eingerücktem Markup, ein Element pro Zeile. Nichts wird hinzugefügt oder entfernt, Sie lesen also genau das, was der Browser erhalten hat. Wählen Sie Einrückung und Umbruchbreite passend zu Ihrem Editor.
Nein. Alles in einem style- oder script-Tag wird unverändert kopiert, weil das Minifizieren einen echten CSS- oder JavaScript-Parser braucht. Lassen Sie diese Teile durch CSS Minifier und JavaScript Minifier laufen und fügen Sie die Ergebnisse wieder ein.
Kommen Sie nicht weiter? Fragen Sie zu HTML-Formatierer und Minifier und jeder, der es weiß, kann antworten. Kein Konto nötig.