Softonic

HTML-minifier

Stap 1 / 3

Plak een fragment, de tekst van een e-mail of een hele pagina, tot 1.000.000 tekens.

Volgende: opties kiezen

Plak HTML of open een HTML-bestand, kies hoeveel er weg moet en kopieer of download een kleinere versie die laat zien hoeveel bytes je hebt bespaard. Het niveau Veilig plakt nooit twee woorden aan elkaar, dus de pagina ziet er hetzelfde uit en werkt hetzelfde, en inline CSS en JavaScript worden ook geminificeerd.

De HTML-minifier gebruiken

  1. 1

    Voeg je HTML toe

    Plak de opmaak in de editor of open een .html-, .htm- of .xhtml-bestand dat als UTF-8 is opgeslagen, tot 1.000.000 tekens.

  2. 2

    Kies het niveau en de opties

    Houd Veilig aan voor elke HTML, of kies Maximaal voor een volledige pagina die je gaat testen. Bepaal daarna of opmerkingen moeten worden verwijderd en of inline CSS en JavaScript moeten worden geminificeerd.

  3. 3

    Kopieer of download het resultaat

    Controleer de geminificeerde HTML en de groottes, en kopieer het resultaat of download het als bestand. Als je de opties op de resultaatpagina wijzigt, wordt er opnieuw geminificeerd.

Wat de minifier verandert

De tool gebruikt html-minifier-terser, een veelgebruikte opensource-minifier voor HTML, met clean-css voor CSS en Terser voor JavaScript. Beide niveaus behouden de spatie tussen woorden en tussen inline tags zoals <b> en <a>. Maximaal bespaart meer bij volledige pagina’s.

Wijziging Veilig Maximaal
Regeleinden en reeksen spaties Worden één spatie Worden één spatie en verdwijnen tussen blokken zoals <div> en <li>
Spatie tussen woorden en inline tags Blijft Blijft
Optionele tags zoals </p>, </li>, <head> en <body> Blijven Worden verwijderd
Aanhalingstekens rond attribuutwaarden Blijven Worden verwijderd waar HTML dat toestaat
Booleaanse attributen zoals checked="checked" Blijven Worden ingekort tot checked
Lege class-, id- en style-attributen Blijven Worden verwijderd
Afsluitende schuine streep in <br/> Blijft Wordt verwijderd
type="text/javascript" en type="text/css" Worden verwijderd Worden verwijderd

XHTML: als je een .xhtml-bestand opent, of als de HTML begint met een XML-declaratie zoals <?xml version="1.0"?>, behouden beide niveaus optionele tags, de aanhalingstekens rond attribuutwaarden, booleaanse attributen zoals checked="checked" en afsluitende schuine strepen, en wordt JavaScript niet geminificeerd. Zo blijft het resultaat leesbaar als XML.

Opties

  • Opmerkingen verwijderen (standaard aan): gewone opmerkingen worden verwijderd. Opmerkingen die met <!--! beginnen (zoals licentievermeldingen), server-side-include-opmerkingen en voorwaardelijke opmerkingen voor Internet Explorer blijven staan.
  • CSS minificeren (standaard aan): de CSS in <style>-elementen en style-attributen wordt korter. Een @import blijft zoals het is en er wordt niets gedownload.
  • JavaScript minificeren (standaard aan): inline scripts en event-attributen zoals onclick worden korter. Lokale variabelenamen worden ingekort, globale namen blijven en licentieopmerkingen in de vorm /*! ... */ blijven staan. De inhoud van gestructureerde gegevens zoals JSON-LD wordt niet geminificeerd.

Wat nooit verandert

  • De tekst in <pre> en <textarea>, waar spaties en regeleinden op de pagina zichtbaar zijn.
  • Tekenreferenties zoals &nbsp;, &amp; en &eacute;.
  • PHP-blokken (<?php ... ?>) en blokken in ASP-stijl (<% ... %>), en alles tussen twee <!-- htmlmin:ignore -->-opmerkingen.
  • Het doctype, <a name>-ankers, type="text" op invoervelden, en hoofdletters, kleine letters en afsluitende schuine strepen in SVG.

Meldingen die je kunt zien

  • Een script kon niet worden gelezen: een inline script of event-attribuut dat op zichzelf geen geldig JavaScript is, wordt niet geminificeerd, en de tool toont de regel en kolom van de fout. De rest van de pagina wordt wel geminificeerd.
  • Een CSS-blok kon niet worden gelezen: die CSS wordt niet geminificeerd.
  • Een andere tekenset dan UTF-8: de download wordt altijd als UTF-8 opgeslagen, dus wijzig de <meta charset> van de pagina in UTF-8, of kopieer het resultaat naar je eigen bestand.
  • Geen besparing: de HTML is al zo klein als deze opties toelaten.

Als een <script>- of <style>-element nooit wordt gesloten, wordt er niets geminificeerd en toont de tool de regel en kolom waar dat element begint. Welk niveau je ook kiest: open de geminificeerde pagina en klik er doorheen voordat je die publiceert.

Veelgestelde vragen

Met Veilig wel. Witruimte wordt samengevoegd tot één spatie, maar nooit verwijderd, dus <b>Hallo</b> <i>wereld</i> leest nog steeds als “Hallo wereld” en elementen die naast elkaar staan, houden hun tussenruimte. Alleen tekst die CSS met behouden spaties toont, bijvoorbeeld met white-space: pre, kan veranderen.

Voor volledige pagina’s die je test voordat je ze publiceert. Het bespaart meer bytes door de witruimte tussen blokken en optionele tags zoals </p> te verwijderen. Let op twee dingen: elementen die met display: inline-block naast elkaar staan, kunnen hun tussenruimte verliezen, en een fragment waarvan de laatste </p> is verwijderd, kan HTML opslokken die erna wordt toegevoegd.

Als Opmerkingen verwijderen aan staat, verdwijnen gewone opmerkingen. Opmerkingen die met <!--! beginnen, server-side-include-opmerkingen zoals <!--#include virtual="/footer.html" --> en voorwaardelijke opmerkingen voor Internet Explorer zoals <!--[if IE]> blijven staan. Wil je een deel precies zo houden als het is geschreven, zet het dan tussen twee <!-- htmlmin:ignore -->-opmerkingen. De twee markeringen worden verwijderd.

JavaScript wordt alleen geminificeerd als het als geldige code kan worden gelezen. Bevat een inline script een syntaxisfout of templatecode die op zichzelf geen JavaScript is, dan wordt dat script niet geminificeerd, de rest van de pagina wel, en toont de tool de regel en kolom van de fout.

Nee. De HTML die je plakt of opent, blijft in je browser. Die wordt niet naar onze servers gestuurd en niet aan de link van de pagina toegevoegd. Tussen de stappen wordt die bewaard in dit browsertabblad tot je het tabblad sluit of Begin opnieuw kiest. De pagina downloadt de code van de minifier wanneer je om een resultaat vraagt en laat onze server weten dat er een minificatie is uitgevoerd, zonder de HTML.

Tot 1.000.000 tekens, geplakt of geopend uit een bestand dat als UTF-8 is opgeslagen. Gebruikt een bestand een andere codering, dan meldt de tool dat: open het in een editor, kopieer de HTML en plak die hier. Een minificatie die langer dan 30 seconden duurt, wordt gestopt. Probeer in dat geval een korter stuk HTML.

Gerelateerde tools

JSON naar PHP-array

Zet JSON om naar een PHP-array-literal met korte syntaxis, associatieve/geïndexeerde arrays en geneste structuren, klaar om in een .php-bestand te plakken.

Luhn-algoritme-checker

Controleer de creditcardnummer, IMEI, SIN en andere door Luhn beschermden nummers. Geef een resultaat terug (goed of fout) en toon elke stap van het verdubbelen en het berekenen van de controlesom aan.

Telefoonnummers controleren

Controleer de structuur van telefoonnummers per land en bekijk regio, type en E.164-, internationale, nationale en RFC 3966-notatie.

ASCII-tabelreferentie

Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.

SVG-golfgenerator

Genereer een vloeiende SVG-golfscheiding voor headers en footers met instelbare amplitude, frequentie, kleur en positie boven of onder. Kopieer de SVG-code.

Webpack-configuratiegenerator

Maak een webpack.config.js voor webpack 5 vanuit een kort formulier: stel entry, uitvoermap en mode in en zet TypeScript, Babel, een CSS-loader, HtmlWebpackPlugin en een dev-server aan.

Tool beschikbaar in andere talen