HTML Prettify & Minify - HTML Online Format Gratis

Verfraai rommelige HTML met correcte inspringing, of verklein tot één regel. Plaats een .html bestand of plak het vast, kopieer of download dan de opgeschonken markup.

HTML invoeren

of een .html bestand laten vallen

Geformatteerde uitvoer

Over HTML Prettify
Aangedreven door js-beautify, draait volledig in je browser. Prettify-modus herformateert tags op hun eigen regels met consistente inspringing; Minify-modus verwijdert opmerkingen en klapt de witruimte in voor de kleinste payload.
Ga door met het verbeteren van uw afbeeldingen
Breng je fotobewerking naar een hoger niveau met deze populaire tools
📝
Tekst toevoegen aan afbeelding
Voeg bijschriften en titels toe aan uw verbeterde foto
🖼️
Fotorand toevoegen
Omlijst je effect met prachtige randen
🗜️
Afbeelding comprimeren
Optimaliseer uw verbeterde afbeelding voor delen
📐
Formaat van afbeelding wijzigen
Afbeeldingsafmetingen wijzigen
Ontdek alle fototools
Frequently Asked Questions
Plak elke HTML — zelfs enkelregelige minificeerde output uit een build-pipeline — en de tool herformatteert deze met correcte inspringing, één tag per regel en consistente witruimte. Kies een inspringing van 2, 4 of 8 spaties. De output is klaar om in je editor te plaatsen of in een code review-commentaar te plakken.
usage
Prettify breidt HTML uit voor leesbaarheid: elke tag op een eigen regel, geneste kinderen ingesprongen, lege regels bewaard tussen secties. Minify verwijdert opmerkingen, laat witruimte invallen en verwijdert regelafbrekingen zodat het bestand minder bytes verzendt. Gebruik prettify voor redigeren en reviewen, minify voor productie-deployment.
features
Nee — js-beautify (de engine onder de motorkap) detecteert script- en stijlblokken 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 naamgevulde attributen (svg:xmlns, xlink:href) worden allemaal correct behandeld.
technical
Het gaat goed om met gewone HTML en HTML-achtige sjablonen, maar pure JSX (curly-brace expressies, fragmenten, hoofdletter-componenttags) wordt als HTML geparseerd en kan kleine cosmetische problemen opvangen. Voor framework-specifieke code raden we aan om Prettier te configureren voor jouw dialect; voor ruwe HTML, .htm en templatebestanden is onze tool perfect.
features
Er wordt geen upload geplaatst. De formatter draait volledig in je browser met js-beautify, zodat je veilig interne paginatemplates, concept-e-mails of HTML met privégegevens kunt plakken zonder dat er iets van je apparaat komt.
privacy
Minify verwijdert HTML-reacties, voegt elke reeks witruimte tussen tags samen tot één spatie, en verwijdert regelafbrekingen. Het resultaat is byte-identiek-renderende HTML die doorgaans 10-30% kleiner is. In combinatie met gzip op de server verkleint dit het initiële paginagewicht merkbaar op pagina's met veel inhoud.
technical
Ja — klik op Download om de verfijnde uitvoer als output.html of de verkleinde uitvoer als output.min.html op te slaan. Het bestand is UTF-8 gecodeerd, dus het werkt even goed met Engels, Cyrillisch, CJK en rechts-naar-links content.
tips
Het is een kleine browser-only tool — geen hostingkosten — dus we leveren het gratis als onderdeel van onze ontwikkelaarstoolkit. Geen advertenties, geen tracking van de uitvoer, geen limieten op bestandsgrootte die je browser in je geheugen kan bewaren.
pricing
Use Cases
E-mailsjabloon opruimen
Marketing e-mail HTML komt vaak van ESP's als één enkele verkleinde blob. Verfraai het om de structuur te inspecteren, vind die kapotte tafelkolom en herstel een typefout voordat je de volgende explosie stuurt.
marketing
CMS Content Migratie
Exporteren vanuit het ene CMS en importeren in een ander omvat meestal het verplaatsen van HTML. Prettify maakt differentieven leesbaar, minify verkleint de payload, en beide modi behouden de contentkwaliteit.
development
Web Scraping-uitvoer
Rawe HTML die van een website is gehaald is onleesbaar zonder opmaak. Verfraai de output om de CSS-selector te vinden die je nodig hebt, en schrijf dan de extractieregel voor je scraper.
data
Statische siteoptimalisatie
Minify gegenereerde HTML van je statische sitegenerator voordat je het uitrolt. Slaat 10-30% van de bestandsgrootte af bovenop gzip — een meetbare verbetering ten opzichte van de eerste painttijden op pagina's met veel inhoud.
performance
Documentatiefragmenten
Wanneer je HTML-voorbeelden plakt in documenten, blogposts of README-bestanden, verfraai dan eerst zodat lezers de structuur kunnen volgen. Bewaar de geminificeerde versie voor de vergelijking van de "productie-output".
documentation
JSX Refactoring Helper
Voordat je een stuk HTML naar JSX converteert, maak het mooier zodat het conversiescript een schone boom ziet. Dat bespaart handmatig herformatteren in je React/Vue-migratie.
development