HTML Minifier & Formatter Online — Gratis, Geen Upload

Plak hieronder HTML om het te minifyen — commentaar, overbodige attributen en extra witruimte verwijderen — of om het te herformatteren naar leesbare, ingesprongen markup. Beide richtingen draaien volledig in je browser met een echte HTML-parser, geen regex-truc, zodat inhoud binnen <pre> en <textarea> intact blijft.

Wat is deze tool?

Een HTML-minifier verwijdert alles wat een browser niet nodig heeft om een pagina correct weer te geven: commentaar, extra witruimte tussen tags, overbodige attributen zoals type="text/javascript", en optionele afsluitende slashes. Het resultaat is functioneel identieke HTML die sneller downloadt en parseert.

Deze tool is gebouwd op html-minifier-terser, dezelfde minifier die in populaire buildtools wordt gebruikt, dus hij begrijpt HTML-structuur in plaats van blind witruimte te strippen — hij raakt geen formatteergevoelige inhoud aan binnen <pre>, <textarea>, of inline <script>/<style>-blokken, en minifyt ook de CSS en JS die in je markup zijn ingebed.

Waarom gebruiken?

Echte parser onder de motorkap, geen regex — veilig bij randgevallen zoals <pre>-blokken, inline scripts en conditionele commentaren.
Minifyt ook ingebedde <style>- en <script>-inhoud, niet alleen de omringende markup.
Zie precies hoeveel bytes je bespaart voordat je het bestand publiceert.
Formatteermodus zet gecomprimeerde, eenregelige HTML weer om in iets leesbaars en bewerkbaars.
100% lokale verwerking — je markup, en alles wat er privé in staat, verlaat nooit je browser.

Hoe te gebruiken

Plak je HTML in het invoervak, of klik op "Voorbeeld laden" om een voorbeeld te proberen.
Klik op "Minify" om te comprimeren, of "Formatteren" om het met 2-spaties inspringing leesbaar te maken.
Bekijk het bericht onder de vakken — minifymodus toont de grootteafname; als de HTML niet geparseerd kan worden, zie je de exacte foutmelding in plaats van kapotte uitvoer.
Klik op "Kopiëren" om het resultaat te pakken.

Voorbeeld

Invoer

<!DOCTYPE html>
<html>
  <head>
    <title>Voorbeeld</title>
  </head>
  <body>
    <!-- begroeting -->
    <p class="greeting">
      Hallo, wereld!
    </p>
  </body>
</html>

Uitvoer

<!doctype html><html><head><title>Voorbeeld</title></head><body><p class="greeting">Hallo, wereld!</p></body></html>

Commentaar, inspringing en regeleindes worden verwijderd; de doctype wordt verkort. De zichtbare pagina wordt identiek weergegeven.

Praktische tips

Minify vlak vóór het deployen, niet tijdens de ontwikkeling — houd leesbare HTML in versiebeheer en minify alleen de build-output.
Als een pagina zich vreemd gedraagt na het minifyen, controleer dan op JavaScript dat afhankelijk is van exacte witruimte binnen tekstknopen (zeldzaam, maar het komt voor bij sommige oudere widgets).
Geminifiedte HTML van een live site formatteren is een snelle manier om de structuur ervan te inspecteren voordat je een scraper schrijft of een lay-outprobleem debugt.
Combineer met de CSS- en JS-minifiers hieronder als je buildproces stijlen en scripts in aparte bestanden houdt.

Waar dit past in echte workflows

Statische sites, e-mailtemplates en landingspagina's die handmatig gebouwd zijn, worden vaak gepubliceerd met dezelfde inspringing en commentaar als tijdens de ontwikkeling. Minifyen vóór het publiceren bespaart een reële, zij het bescheiden, hoeveelheid transfergewicht — en specifiek voor e-mail-HTML kan het aantal tekens soms Gmail's afkapdrempel beïnvloeden, dus kleinere markup heeft een functioneel voordeel naast snelheid.

De formatteerrichting is minstens zo nuttig andersom: een geminifiedte pagina uit view-source plakken en herformatteren is vaak de snelste manier om de structuur van een landingspagina van een concurrent te begrijpen of een externe embed te debuggen.

→ CSS Minifier · JS Minifier

Veelvoorkomende toepassingen

Bytes afschaven van een statische landingspagina of e-mailtemplate voordat deze live gaat.
Een geminifiedt HTML-fragment uit view-source herformatteren om de structuur ervan te begrijpen.
HTML opschonen die geplakt is vanuit een WYSIWYG-editor of CMS-export, wat vaak overbodige witruimte met zich meebrengt.
Snel controleren of een handgeschreven HTML-fragment welgevormd is, aangezien een parsefout als duidelijke foutmelding naar voren komt.

Veelgestelde vragen

Wordt mijn HTML ergens geüpload?

Nee. Zowel minifyen als formatteren gebeuren lokaal in je browser met JavaScript. Niets van wat je plakt wordt naar een server gestuurd, dus het is veilig te gebruiken met interne templates of ongepubliceerde pagina's.

Breekt minifyen mijn pagina?

Dat zou niet moeten — de tool gebruikt een echte HTML-parser (html-minifier-terser) die de tagstructuur begrijpt, dus witruimtegevoelige elementen zoals <pre> en <textarea> blijven behouden en attributen worden niet foutief samengevoegd. Controleer belangrijke pagina's altijd steekproefsgewijs na het minifyen, vooral als je op ongewone inline scripts vertrouwt.

Minifyt het ook CSS en JavaScript binnen de HTML?

Ja. Inline <style>- en <script>-blokken worden ter plekke geminifiedt met dezelfde engines als de speciale CSS- en JS-minifier-tools, zodat je ze niet handmatig hoeft uit te knippen.

Hoeveel kleiner wordt HTML doorgaans?

Dat hangt af van hoeveel witruimte, commentaar en opmaak het origineel had — handgeschreven HTML met veel inspringing en commentaar krimpt vaak 20-40%. Framework-gegenereerde HTML die al compact is, bespaart minder.

Kan ik geminifiedte HTML terugzetten naar een leesbaar formaat?

Ja — plak de geminifiedte HTML en klik op "Formatteren" in plaats van "Minify" om weer netjes ingesprongen, leesbare markup te krijgen.

HTML Minifier & Formatter