Ga naar inhoud
TextArray1.53.0
100% lokaal

HTML-minifier

Verklein HTML door opmerkingen, onnodig witruimte en lege attributen te verwijderen.

Invoer
Uitvoer
Gerelateerde tools
CSS-verkleinerOntwikkelaarstools
HTML-formatterOntwikkelaarstools
HTML-opmerkingen verwijderenTekst opschonen
i18n sleutel diffOntwikkelaarstools
TOML naar JSON-converterOntwikkelaarstools
SQL naar JSONOntwikkelaarstools
HTML-minifier
Plak een HTML-document of -fragment in, en dit tool geeft een kleinere versie met hetzelfde weergaveresultaat. Het verwijdert opmerkingen, vouwt overtollige witruimte tussen tags en in attribuutlijsten samen en verwijdert lege attributen zoals class="" die een browser toch negeert. Gebruik het voordat u een statische pagina implementeert, een sjabloon in een ander systeem insluit of opmaak op een plaats met een groottebeperkingsplak.
Vier opties bepalen hoe ver de minificatie gaat. "Inhoud van pre, textarea en script behouden" houdt standaard de exacte witruimte binnen die elementen ongewijzigd, omdat een toevallige spatie in een <pre>-blok of script vaak betekenisvol is; schakel dit alleen uit als u weet dat die inhoud het samenstellen van witruimte kan tolereren. "Meerdere spaties in tekst samenvoegen" verandert reeksen van spaties, tabs en regelafbrekingen in gewone tekst in één spatie. "Aanhalingstekens uit eenvoudige attribuutwaarden verwijderen" laat de aanhalingstekens rond waarden als id=box vervallen die volgens de HTML5-spec niet nodig zijn – alles met een spatie, gelijkteken of ander aanhalingsteken blijft aangehaald. "Optionele sluitingtags verwijderen" laat sluitingtags vallen die een browser zelf afleid, zoals de </li> voor een ander <li> of de </td> voor </tr>, met behulp van dezelfde regels die browsers gebruiken om ze automatisch te sluiten.
Het tool werkt op de ruwe tekst van uw opmaak in plaats van een volledige DOM opnieuw in te delen, dus het herschrijft tag- of attribuutnaamgeving nooit – inline SVG met gevoelige elementen zoals viewBox of clipPath komt ongewijzigd door. Het verwerkt zowel Windows- als Unix-regelafbrekingen en de tally onder de output meldt de bytegrootte voor en na minificatie samen met het bespaard percentage.
Alles draait lokaal in uw browser – uw opmaak wordt nooit ergens geüpload, wat het veilig maakt voor interne sjablonen of alles wat nog niet openbaar is. Kopieer het resultaat, download het als .txt-bestand of stuur de output terug naar de invoer voor nog een pass.
FAQ
Breekt dit mijn pagina?
De standaardopties zijn conservatief: inhoud van pre, textarea en script blijft ongewijzigd, en sluitingtags worden alleen verwijderd waar de HTML5-spec zegt dat een browser ze zelf afleid. Controleer het resultaat voordat u publiceert als u de agressievere opties inschakelt.
Minificeer het ook de CSS en JavaScript in mijn HTML?
Nee. Inhoud in <style>-tags wordt als normale tekst behandeld en inhoud in <script>-tags wordt standaard behouden. Gebruik een speciale CSS- of JS-minifier op die code afzonderlijk en plak hier de gecombineerde pagina in.
Wat gebeurt er met opmerkingen?
Alle HTML-opmerkingen worden verwijderd, inclusief die welke voor notities of sectiemarkeringen worden gebruikt. Als u een specifieke opmerking moet behouden, verwijdert u deze voor het plakken of voegt u deze na minificatie opnieuw in.
Waarom blijft een leeg alt-attribuut op mijn afbeeldingen staan?
alt="" is betekenisvol — het vertelt ondersteuningstechnologie dat een afbeelding decoratief is — dus deze tool behoudt het zelfs hoewel het andere lege attributen zoals class="" verwijdert.
Wordt mijn HTML ergens geüpload?
Nee. Minificatie wordt volledig in uw browser met lokale JavaScript uitgevoerd — uw markup verlaat nooit uw apparaat.