HTML-minifikator og -formaterer på nett — Gratis, ingen opplasting

Lim inn HTML under for enten å minifisere den — fjerne kommentarer, overflødige attributter og ekstra mellomrom — eller pynte den opp til lesbar, innrykket markup. Begge retninger kjører helt i nettleseren din med en ekte HTML-parser, ikke et regex-hack, så innhold inne i <pre> og <textarea> forblir intakt.

Hva er dette verktøyet?

En HTML-minifikator fjerner alt en nettleser ikke trenger for å rendre en side korrekt: kommentarer, ekstra mellomrom mellom tagger, overflødige attributter som type="text/javascript", og valgfrie avsluttende skråstreker. Resultatet er funksjonelt identisk HTML som lastes ned og tolkes raskere.

Dette verktøyet er bygget på html-minifier-terser, den samme minifikatoren som brukes i populære byggeverktøy, så det forstår HTML-struktur i stedet for blindt å fjerne mellomrom — det rører ikke formateringssensitivt innhold inne i <pre>, <textarea>, eller innebygde <script>/<style>-blokker, og det minifiserer også CSS-en og JS-en som er innebygd i markupen din.

Hvorfor bruke det?

Ekte parser under panseret, ikke regex — trygt for kanttilfeller som <pre>-blokker, innebygde skript og betingede kommentarer.
Minifiserer også innebygd <style>- og <script>-innhold, ikke bare den omkringliggende markupen.
Se nøyaktig hvor mange bytes du sparte før du sender filen.
Formateringsmodus gjør komprimert HTML på én linje om til noe et menneske kan lese og redigere.
100 % lokal prosessering — markupen din, og alt privat i den, forlater aldri nettleseren din.

Slik bruker du det

Lim inn HTML-en din i inputfeltet, eller klikk «Last inn eksempel» for å prøve et eksempel.
Klikk «Minifiser» for å komprimere den, eller «Formater» for å pynte den opp med 2-mellomrom innrykk.
Sjekk meldingen under boksene — minifiseringsmodus viser størrelsesreduksjonen; hvis HTML-en ikke kan tolkes, ser du den eksakte feilmeldingen i stedet for ødelagt output.
Klikk «Kopier» for å hente resultatet.

Eksempel

Inndata

<!DOCTYPE html>
<html>
  <head>
    <title>Example</title>
  </head>
  <body>
    <!-- greeting -->
    <p class="greeting">
      Hello, world!
    </p>
  </body>
</html>

Resultat

<!doctype html><html><head><title>Example</title></head><body><p class="greeting">Hello, world!</p></body></html>

Kommentarer, innrykk og linjeskift fjernes; doctype forkortes. Den synlige siden rendres identisk.

Praktiske tips

Minifiser rett før utrulling, ikke under utvikling — behold lesbar HTML i versjonskontroll og minifiser bare byggeresultatet.
Hvis en side oppfører seg rart etter minifisering, sjekk om det er JavaScript som er avhengig av eksakt mellomrom inne i tekstnoder (sjeldent, men det skjer med enkelte eldre widgeter).
Å formatere minifisert HTML fra et live nettsted er en rask måte å inspisere strukturen på før du skriver en skraper eller feilsøker layout-problemer.
Kombiner med CSS- og JS-minifikatorene under hvis byggeprosessen din holder stiler og skript i separate filer.

Hvor dette passer inn i reelle arbeidsflyter

Statiske nettsteder, e-postmaler og landingssider bygget for hånd sendes ofte med samme innrykk og kommentarer som ble brukt under utvikling. Å minifisere før utrulling trimmer en reell, om enn beskjeden, mengde overføringsvekt — og for e-post-HTML spesifikt påvirker tegnantall noen ganger Gmails klippegrense, så mindre markup har en funksjonell fordel utover hastighet.

Formater-retningen er like nyttig motsatt vei: å lime inn en minifisert side fra view-source og reformatere den er ofte den raskeste måten å forstå en konkurrents landingsside-struktur eller feilsøke en tredjeparts innebygging på.

→ CSS Minifier · JS-minifisering

Vanlige bruksområder

Barbere bort bytes fra en statisk landingsside eller e-postmal før den går live.
Reformatere et minifisert HTML-utdrag hentet fra view-source for å forstå strukturen.
Rydde opp i HTML limt inn fra en WYSIWYG-editor eller CMS-eksport, som ofte bærer med seg overflødig mellomrom.
Raskt sjekke om et håndskrevet HTML-utdrag er velformet, siden en parsingfeil vises som en tydelig feilmelding.

Ofte stilte spørsmål

Blir HTML-en min lastet opp noe sted?

Nei. Både minifisering og formatering skjer lokalt i nettleseren din med JavaScript. Ingenting du limer inn sendes til en server, så det er trygt å bruke med interne maler eller upubliserte sider.

Vil minifisering ødelegge siden min?

Det skal den ikke — verktøyet bruker en ekte HTML-parser (html-minifier-terser) som forstår tagg-struktur, så det bevarer mellomromsensitive elementer som <pre> og <textarea> og slår ikke sammen attributter feil. Sjekk alltid kritiske sider etter minifisering, spesielt hvis du er avhengig av uvanlige innebygde skript.

Minifiserer den også CSS og JavaScript inne i HTML-en?

Ja. Innebygde <style>- og <script>-blokker minifiseres på stedet med samme motorer som de dedikerte CSS- og JS-minifikatorverktøyene, så du slipper å hente dem ut manuelt.

Hvor mye mindre blir HTML vanligvis?

Det avhenger av hvor mye mellomrom, kommentarer og formatering originalen hadde — håndskrevet HTML med mye innrykk og kommentarer krymper vanligvis 20–40 %. Rammeverk-generert HTML som allerede er kompakt sparer mindre.

Kan jeg konvertere minifisert HTML tilbake til et lesbart format?

Ja — lim inn den minifiserte HTML-en og klikk «Formater» i stedet for «Minifiser» for å få tilbake ordentlig innrykket, lesbar markup.

HTML-minifikator og -formaterer