Ga naar hoofdinhoud
LibraTool logoLibraTool

Gratis HTML-verfraaiier en -minifier

Druk HTML netjes af of minimaliseer het met juiste nestinginspringing. Behoudt inhoud binnen <pre>-, <script>- en <style>-blokken.

Werkt offline na het laden

Sleep een bestand hierheen of klik om te bladeren

HTML, HTM · verwerkt op je apparaat

of druk op Ctrl+V om vanaf het klembord te plakken

Bestanden bladeren
Opgemaakte HTML
Uitvoer verschijnt hier…

Veelvoorkomend gebruik

  • Foutopsporing in Server-Rendered HTMLBekijk ruwe HTML-uitvoer van uw server (PHP, Rails, Django, Node) in leesbare ingerkte indeling.
  • Format E-mail HTML-sjablonenE-mail-HTML is omslachtig (tabellen, inline-stijlen). Format om het bewerkbaar en onderhoudbaar te maken.
  • Format Statische HTML-pagina'sHandmatig bewerkte statische HTML-bestanden profiteren van consistente opmaak voor samenwerkingseditie.
  • Opruimen CMS-geëxporteerde HTMLWordPress, Wix, Squarespace exporteren HTML met veel artefacten. Format om het bewerkbaar te maken.
  • Minify HTML voor ProductieVerklein HTML-bestandsgrootte voor sneller laden van pagina's door spaties en onnodige tekens te verwijderen.

Hoe het werkt

Deze tool maakt HTML op of comprimeert die met een zelfgeschreven tagbewuste tokenizer die direct in de pagina zit — geen opmaakbibliotheek van derden, geen serververzoek. Elk teken van je opmaak wordt lokaal in de browser verwerkt zodra je het typt of plakt.

  1. 1
    De tokenizer scant de opmaak
    Een eigen scanner loopt teken voor teken door de HTML-tekenreeks en herkent commentaar, DOCTYPE-declaraties, openingstags, sluittags, zelfsluitende void-elementen (br, img, input enz.) en ruwe tekstknooppunten. Een aparte helper houdt attribuutwaarden tussen aanhalingstekens bij, zodat tekens zoals > binnen een attribuut (bijv. value="a>b") een tag nooit te vroeg afbreken.
  2. 2
    De inspringdiepte wordt per tag bijgehouden
    In de beautify-modus houdt de tokenizer een diepteteller bij. Openingstags op blokniveau verhogen de diepte; sluittags verlagen die voordat ze worden geschreven. Inline-elementen (span, a, strong, em enz.) blijven op dezelfde regel als hun inhoud in plaats van op een eigen ingesprongen regel. Van tags zoals pre, script, style en textarea wordt de inhoud letterlijk overgenomen, om witruimtegevoelige of uitvoerbare code niet te beschadigen.
  3. 3
    De minifier voegt witruimte veilig samen
    In de minify-modus wordt de inhoud van pre-, script-, style- en textarea-blokken vervangen door genummerde plaatshouders voordat witruimte wordt samengevoegd. HTML-commentaar wordt verwijderd, en reeksen witruimte tussen tags worden weggehaald — behalve tussen aangrenzende inline-elementen, waar één spatie blijft zodat woorden niet aan elkaar plakken. Daarna worden de plaatshouders teruggezet naar hun oorspronkelijke inhoud.
  4. 4
    De uitvoer wordt getoond en eventueel opgeslagen
    Het opgemaakte of verkleinde resultaat verschijnt live in het uitvoerpaneel, samen met het percentage verandering in grootte. Je kunt het naar het klembord kopiëren of downloaden als .html-bestand, allemaal zonder de browser te verlaten.

Gerelateerde tools

🎨

CSS-verfraaiier

Maak geminificeerde CSS leesbaar met consistente inspringing, of minificeer CSS. Optioneel alfabetisch sorteren van eigenschappen voor voorspelbare diffs.

Probeer het
🗜️

CSS-minifier en -verfraaiier

Minimaliseer CSS om de bestandsgrootte te verkleinen of verfraai geminimaliseerde CSS voor leesbaarheid. Direct, in je browser.

Probeer het
📰

XML-formatter en -validator

Druk XML netjes af en valideer het via de native DOM-parser van je browser. Inclusief geminimaliseerde uitvoer voor productiegebruik.

Probeer het

Veelgestelde vragen