Hoppa till innehåll

HTML-minifierare

Minska HTML genom att ta bort kommentarer, överflödig whitespace och tomma attribut.

Inmatning
Utmatning

HTML-minifierare

Klistra in alla HTML-dokument eller -fragment och det här verktyget returnerar en mindre version med samma renderingsresultat. Det tar bort kommentarer, sammanfattar överflödig whitespace mellan taggar och i attributlistor och tar bort tomma attribut som class="" som en webbläsare ignorerar ändå. Använd det innan du distribuerar en statisk sida, inbäddar en mall i ett annat system eller klistrar in markup någonstans med en storleksgräns.

Fyra alternativ styr hur långt minifieringen går. "Bevara innehål i pre, textarea och script" behåller exakt whitespace inuti dessa element som standard, eftersom ett oavsiktligt mellanslag inuti ett <pre>-block eller skript ofta är meningsfullt; slå bara av det om du vet att innehållet kan tolerera whitespace-kollaps. "Sammanfoga flera mellanslag i text" gör körningar av mellanslag, flikar och radbrytningar inuti vanlig text till ett enda mellanslag. "Ta bort citattecken från enkla attributvärden" släpper citattecknen runt värden som id=box som inte behövs enligt HTML5-specen – allt med ett mellanslag, likhetstecken eller ett annat citattecken förblir citerat. "Ta bort valfria avslutande taggar" tar bort avslutande taggar som en webbläsare härleder själv, som </li> före ett annat <li> eller </td> före </tr>, med samma regler som webbläsare använder för att stänga dem automatiskt.

Verktyget fungerar på rå text för din markup snarare än att omnumrera en fullständig DOM, så det skriver aldrig om märknings- eller attributnamnskapitalisering – inline SVG med skiftlägeskänsliga element som viewBox eller clipPath kommer igenom oförändrad. Det hanterar både Windows- och Unix-radbrytningar och räkningen under utmatningen rapporterar bytestorleken före och efter minifiering tillsammans med procentsatsen som sparats.

Allt körs lokalt i din webbläsare – ditt markup skickas aldrig någonstans, vilket gör det säkert för interna mallar eller allt som ännu inte är offentligt. Kopiera resultatet, ladda ned det som en .txt-fil eller skicka utmatningen tillbaka till inmatningen för ett till pass.

FAQ

Kommer detta att bryta min sida?
Standardalternativen är konservativa: innehål från pre, textarea och script lämnas oförändrat, och avslutande taggar tas endast bort där HTML5-specen säger att en webbläsare härleder dem själv. Granska resultatet före publicering om du aktiverar de mer aggressiva alternativen.
Minifierar den också CSS och JavaScript i min HTML?
Nej. Innehål inuti <style>-taggar behandlas som vanlig text och innehål inuti <script>-taggar bevaras som standard. Använd en dedikerad CSS- eller JS-minifierare på den koden separat och klistra sedan in den kombinerade sidan här.
Vad händer med kommentarerna?
Alla HTML-kommentarer tas bort, inklusive de som används för anteckningar eller avsnittsmärkningar. Om du behöver behålla en specifik kommentar, ta bort den innan du klistrar in eller sätt tillbaka den efter minifiering.
Varför förblir ett tomt alt-attribut på mina bilder?
alt="" är meningsfull — den talar om för hjälpteknologi att en bild är dekorativ — så det här verktyget behåller den även om det tar bort andra tomma attribut som class="".
Laddas min HTML upp någonstans?
Nej. Minifiering körs helt i din webbläsare med lokalt JavaScript — din markup lämnar aldrig din enhet.