Zum Inhalt springen

HTML-Minifier

HTML verkleinern durch Entfernen von Kommentaren, überschüssigem Leerzeichen und leeren Attributen.

Eingabe
Ausgabe

HTML-Minifier

Fügen Sie ein beliebiges HTML-Dokument oder -Fragment ein, und dieses Tool gibt eine kleinere Version mit demselben Rendering-Ergebnis zurück. Es entfernt Kommentare, bricht redundantes Leerzeichen zwischen Tags und in Attributlisten zusammen und entfernt leere Attribute wie class="", die ein Browser ohnehin ignoriert. Verwenden Sie es vor dem Bereitstellen einer statischen Seite, beim Einbetten einer Vorlage in ein anderes System oder beim Einfügen von Markup an einer Stelle mit einer Größenbeschränkung.

Vier Optionen steuern, wie weit die Minifizierung geht. "Inhalt von pre, textarea und script bewahren" behält die genaue Leerzeichen innerhalb dieser Elemente standardmäßig unverändert bei, da ein versehentliches Leerzeichen in einem <pre>-Block oder Skript oft bedeutsam ist. Deaktivieren Sie diese Option nur, wenn Sie wissen, dass dieser Inhalt Leerzeichen-Zusammenbruch toleriert. "Mehrfache Leerzeichen im Text zusammenfassen" verwandelt Laufvorgänge von Leerzeichen, Tabulatoren und Zeilenumbrüchen innerhalb von gewöhnlichem Text in ein einzelnes Leerzeichen. "Anführungszeichen aus einfachen Attributwerten entfernen" lässt die Anführungszeichen um Werte wie id=box fallen, die gemäß der HTML5-Spezifikation nicht benötigt werden – alles mit Leerzeichen, Gleichheitszeichen oder einem anderen Anführungszeichen bleibt zitiert. "Optionale schließende Tags entfernen" entfernt schließende Tags, die ein Browser selbst ableitet, wie die </li> vor einem anderen <li> oder die </td> vor </tr>, unter Verwendung der gleichen Regeln, die Browser zur automatischen Schließung verwenden.

Das Tool arbeitet mit dem Rohtexten Ihres Markups statt mit der Neuformatierung eines vollständigen DOM, daher wird die Schreibweise von Tag- oder Attributnamen nie geändert – eingebettetes SVG mit Groß-/Kleinschreibung-sensitiven Elementen wie viewBox oder clipPath bleibt unverändert. Es verarbeitet sowohl Windows- als auch Unix-Zeilenumbrüche und die Bilanz unter der Ausgabe meldet die Bytegröße vor und nach der Minifizierung sowie den ersparten Prozentsatz.

Alles wird lokal in Ihrem Browser ausgeführt – Ihr Markup wird niemals irgendwo hochgeladen, wodurch es für interne Vorlagen oder alles, was noch nicht öffentlich ist, sicher ist. Kopieren Sie das Ergebnis, laden Sie es als .txt-Datei herunter oder senden Sie die Ausgabe zurück in die Eingabe, um einen weiteren Pass durchzuführen.

Häufige Fragen

Wird dies meine Seite brechen?
Die Standardoptionen sind konservativ: Der Inhalt von pre, textarea und script bleibt unverändert, und schließende Tags werden nur entfernt, wenn die HTML5-Spezifikation besagt, dass ein Browser sie selbst ableitet. Überprüfen Sie das Ergebnis vor der Veröffentlichung, wenn Sie die agressiveren Optionen aktivieren.
Minifiziert es auch die CSS und JavaScript in meinem HTML?
Nein. Der Inhalt in <style>-Tags wird als normaler Text behandelt und der Inhalt in <script>-Tags wird standardmäßig beibehalten. Verwenden Sie einen dedizierten CSS- oder JS-Minifier auf diesem Code separat und fügen Sie dann die kombinierte Seite hier ein.
Was passiert mit den Kommentaren?
Alle HTML-Kommentare werden entfernt, einschließlich derjenigen, die für Notizen oder Abschnittsmarkierungen verwendet werden. Wenn Sie einen bestimmten Kommentar behalten müssen, entfernen Sie ihn vor dem Einfügen oder fügen Sie ihn nach der Minifizierung erneut ein.
Warum bleibt ein leeres alt-Attribut auf meinen Bildern?
alt="" ist bedeutsam – es teilt Hilfstechnologien mit, dass ein Bild dekorativ ist – daher behält dieses Tool es bei, obwohl es andere leere Attribute wie class="" entfernt.
Wird mein HTML irgendwo hochgeladen?
Nein. Die Minifizierung wird vollständig in Ihrem Browser mit lokalem JavaScript ausgeführt – Ihr Markup verlässt niemals Ihr Gerät.