HTML-formatter & minifier
Maak rommelige HTML leesbaar of minificeer het voor productie
Over deze tool
Maak HTML leesbaar die uit een bundler, een scraper of een WYSIWYG-editor kwam: elementen worden ingesprongen op de breedte die jij kiest, attributen blijven op hun regel, en de inhoud van pre/textarea blijft byte-voor-byte intact. De minificatiemodus verwijdert commentaar en vouwt de witruimte tussen tags samen — bij handgeschreven pagina’s doorgaans 10–25% minder bytes.
De minificatie is hier bewust behoudend: inline scripts en styles worden beschermd, conditioneel commentaar overleeft, en enkele spaties tussen inline-elementen blijven staan, zodat “klik <a>hier</a> nu” niet samensmelt tot “klikhiernu”. Je krijgt een veilige minificatie, geen maximaal agressieve.
Beide bewerkingen draaien lokaal in je browser — nog niet gepubliceerde pagina’s en interne beheermarkup verlaten je machine nooit.
Veelgestelde vragen
- Breekt minificeren mijn inline JavaScript of CSS?
- Nee — <script>-, <style>-, <pre>- en <textarea>-blokken zijn volledig uitgesloten van het samenvouwen van witruimte. Alleen markup tussen tags wordt aangeraakt. Wil je de scripts zelf comprimeren, haal ze dan apart door de JavaScript-minifier.
- Waarom is witruimte tussen tags veilig om te verwijderen?
- Meestal is het dat: witruimte tussen blokelementen heeft geen visueel effect. Tussen inline-elementen wél, en daarom vouwt de minifier reeksen samen tot één spatie in plaats van ze te verwijderen. Layouts die op inline-block-witruimtetrucs leunen zijn de zeldzame uitzondering die je even moet nakijken.
- Repareert de formatter ongeldige HTML?
- Hij formatteert wat je hem geeft zonder tegen de HTML-specificatie te valideren — niet-gesloten tags blijven niet-gesloten. Browsers zijn mild voor tag soup, dus formatteren helpt je nog steeds de structuur genoeg te zien om het probleem te vinden.
- Welke inspringbreedte moet ik gebruiken?
- 2 spaties is de heersende conventie in webcodebases en de standaard van de meeste frameworkstijlgidsen. Kies 4 als je team daarop gestandaardiseerd is — de keuze is cosmetisch.