PixoateHTML verfraaien en minificeren - HTML gratis online opmaken
Maak rommelige HTML netjes op met correcte inspringing, of minify naar één regel. Sleep een .html-bestand erin of plak de code, en kopieer of download daarna de opgeschoonde opmaak.
Plak je HTML hier…
of sleep een .html-bestand hierheen
Klaar met HTML opmaken? Probeer hierna deze
Zorgvuldig gekozen tools die goed samengaan met HTML opmaken. Ga verder zonder je bestand te verliezen.
JSON opmaken
Formatteer, valideer en minify JSON in je browser. Net ingesprongen met 2 / 4 / 8 spaties of minify naar één regel met kopiëren + downloaden.
Probeer het nuMarkdown-editor
Schrijf Markdown met een live HTML-voorbeeld. Koppen, lijsten, tabellen, codeblokken, citaten. Exporteer naar HTML of Markdown.
Probeer het nuDiff Checker
Vergelijk twee tekstfragmenten regel voor regel. Gesplitste of gecombineerde weergave, optioneel witruimte negeren en hoofdletters negeren.
Probeer het nuAfbeelding naar HTML
Converteer schermafbeeldingen naar overzichtelijke HTML met echte <table>-elementen en gestructureerde markup.
Probeer het nuPDF naar HTML
Zet PDF om naar semantische HTML met echte <table>-elementen. Werkt op gescande PDF's.
Probeer het nuBase64-encoder/-decoder
Codeer elke tekst of elk bestand naar Base64 (met URL-veilige variant), of decodeer Base64 terug naar tekst. UTF-8-veilig.
Probeer het nuFrequently Asked Questions
Plak een willekeurige HTML — zelfs geminificeerde uitvoer op één regel uit een build-pipeline — en de tool maakt deze opnieuw op met correcte inspringing, één tag per regel en consistente witruimte. Kies een inspringing van 2, 4 of 8 spaties. De uitvoer is klaar om in je editor te zetten of in een codereviewopmerking te plakken.
usageVerfraaien breidt HTML uit voor de leesbaarheid: elke tag op een eigen regel, geneste onderliggende elementen ingesprongen, lege regels tussen secties behouden. Verkleinen verwijdert commentaar, vat opeenvolgende witruimte samen en verwijdert regeleinden, zodat het bestand met minder bytes wordt verstuurd. Gebruik verfraaien om te bewerken en te controleren, en verkleinen voor productie-implementatie.
featuresNee — js-beautify (de engine onder de motorkap) herkent script- en style-blokken en formatteert hun inhoud met de juiste JS- of CSS-regels, zodat inline scripts geldig blijven en stylesheets leesbaar blijven. Zelfsluitende tags, void-elementen en attributen met namespaces (svg:xmlns, xlink:href) worden allemaal correct verwerkt.
technicalHij verwerkt gewone HTML en HTML-achtige templates goed, maar pure JSX (uitdrukkingen met accolades, fragmenten, componenttags met hoofdletters) wordt als HTML geparseerd en kan kleine cosmetische problemen oplopen. Voor framework-specifieke code raden we Prettier aan, geconfigureerd voor jouw dialect; voor pure HTML, .htm en templatebestanden is onze tool perfect.
featuresEr wordt niets geüpload. De formatter draait volledig in je browser met js-beautify, dus je kunt veilig interne paginasjablonen, conceptmails of HTML met privégegevens plakken zonder dat er iets je apparaat verlaat.
privacyMinificeren verwijdert HTML-opmerkingen, vervangt elke reeks witruimte tussen tags door één spatie en haalt regeleinden weg. Het resultaat is HTML die identiek wordt weergegeven maar doorgaans 10-30% kleiner is. In combinatie met gzip op de server verkleint dit het initiële paginagewicht merkbaar op contentrijke pagina's.
technicalJa — klik op Downloaden om de opgemaakte uitvoer op te slaan als output.html of de geminificeerde uitvoer als output.min.html. Het bestand is UTF-8-gecodeerd, dus het werkt even goed met Engelse, Cyrillische, CJK- en rechts-naar-links-inhoud.
tipsHet is een kleine, browser-only tool — zonder hostingkosten — dus bieden we hem gratis aan als onderdeel van onze ontwikkelaarstoolkit. Geen advertenties, geen tracking op de uitvoer, geen limiet op de bestandsgrootte buiten wat je browser in het geheugen kan houden.
pricingHow HTML Prettify helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
E-mailsjablonen opschonen
HTML van marketingmails komt van ESP's vaak binnen als één geminificeerde brok. Maak het overzichtelijk om de structuur te bekijken, die kapotte tabelkolom te vinden en een typefout te herstellen voordat je de volgende mailing verstuurt.
CMS-contentmigratie
Exporteren uit het ene CMS en importeren in het andere betekent meestal HTML verplaatsen. Opmaken maakt verschillen leesbaar, minificeren verkleint de payload, en beide modi behouden de inhoud volledig getrouw.
Webscraping-uitvoer
Ruwe HTML die van een website is gescrapet, is onleesbaar zonder opmaak. Verfraai de uitvoer om de CSS-selector te vinden die je nodig hebt en schrijf vervolgens de extractieregel voor je scraper.
Optimalisatie van statische sites
Minificeer gegenereerde HTML van je statische sitegenerator vóór het deployen. Dit haalt 10-30% van de bestandsgrootte af bovenop gzip — een meetbare verbetering van de first-paint-tijden op contentrijke pagina's.
Documentatiefragmenten
Wanneer je HTML-voorbeelden in documentatie, blogposts of README-bestanden plakt, opmaak eerst zodat lezers de structuur kunnen volgen. Bewaar de geminificeerde versie voor de vergelijking met de "productie-uitvoer".
JSX-refactoringhulp
Maak een stuk HTML netjes op voordat je het naar JSX converteert, zodat het conversiescript een schone structuur ziet. Dat scheelt handmatig herformatteren bij je React/Vue-migratie.