HTML-minifikator & Formatter Online — Gratis, Ingen Upload

Indsæt HTML nedenfor for enten at minificere det — ved at fjerne kommentarer, overflødige attributter og ekstra mellemrum — eller pænformatere det til læsbar, indrykket markup. Begge retninger kører udelukkende i din browser med en rigtig HTML-parser, ikke et regex-hack, så indhold inde i <pre> og <textarea> forbliver intakt.

Hvad er dette værktøj?

En HTML-minifikator fjerner alt, en browser ikke skal bruge for at gengive en side korrekt: kommentarer, ekstra mellemrum mellem tags, overflødige attributter som type="text/javascript", og valgfri afsluttende skråstreger. Resultatet er funktionelt identisk HTML, der downloades og fortolkes hurtigere.

Dette værktøj er bygget på html-minifier-terser, samme minifikator som bruges i populære byggeværktøjer, så det forstår HTML-struktur i stedet for blindt at fjerne mellemrum — det rører ikke ved formateringsfølsomt indhold inde i <pre>, <textarea> eller inline <script>/<style>-blokke, og det minificerer også CSS'en og JS'en, der er indlejret i din markup.

Hvorfor bruge det?

Rigtig parser under motorhjelmen, ikke regex — sikker på grænsetilfælde som <pre>-blokke, inline-scripts og betingede kommentarer.
Minificerer også indlejret <style>- og <script>-indhold, ikke kun den omkringliggende markup.
Se præcis hvor mange bytes du sparede, før du sender filen.
Format-tilstand omdanner komprimeret, énlinjes HTML tilbage til noget, et menneske kan læse og redigere.
100% lokal behandling — din markup, og alt privat i den, forlader aldrig din browser.

Sådan bruger du det

Indsæt din HTML i inputfeltet, eller klik på "Indlæs eksempel" for at prøve en prøve.
Klik på "Minificér" for at komprimere den, eller "Formatér" for at pænformatere den med 2-mellemrums indrykning.
Tjek beskeden under boksene — minificeringstilstand viser størrelsesreduktionen; kan HTML'en ikke fortolkes, ser du den præcise fejl i stedet for et ødelagt output.
Klik på "Kopiér" for at hente resultatet.

Eksempel

Input

<!DOCTYPE html>
<html>
  <head>
    <title>Eksempel</title>
  </head>
  <body>
    <!-- hilsen -->
    <p class="greeting">
      Hej, verden!
    </p>
  </body>
</html>

Output

<!doctype html><html><head><title>Eksempel</title></head><body><p class="greeting">Hej, verden!</p></body></html>

Kommentarer, indrykning og linjeskift fjernes; doctype forkortes. Den synlige side gengives identisk.

Praktiske tips

Minificér lige før udgivelse, ikke under udvikling — behold læsbar HTML i versionsstyring og minificér kun byggeoutputtet.
Opfører en side sig underligt efter minificering, så tjek for JavaScript, der er afhængig af præcise mellemrum inde i tekstnoder (sjældent, men det sker med nogle ældre widgets).
At formatere minificeret HTML fra en live side er en hurtig måde at inspicere dens struktur på, før du skriver en scraper eller fejlsøger layoutproblemer.
Kombinér med CSS- og JS-minifikatorerne nedenfor, hvis din byggeproces holder stilarter og scripts i separate filer.

Hvor dette passer ind i reelle arbejdsgange

Statiske hjemmesider, e-mailskabeloner og landingssider bygget i hånden leveres ofte med samme indrykning og kommentarer, der blev brugt under udviklingen. Minificering før udgivelse trimmer en reel, om end beskeden, mængde overførselsvægt — og for e-mail-HTML specifikt påvirker tegnantal nogle gange Gmails afskæringsgrænse, så mindre markup har en funktionel fordel ud over hastighed.

Format-retningen er lige så nyttig omvendt: at indsætte en minificeret side fra vis-kilde og omformatere den er ofte den hurtigste måde at forstå en konkurrents landingssidestruktur eller fejlsøge en tredjeparts-embed.

→ CSS Minifier · JS-minifier

Almindelige anvendelser

Barbering af bytes fra en statisk landingsside eller e-mailskabelon, før den går i luften.
Omformatering af et minificeret HTML-uddrag hentet fra vis-kilde for at forstå dets struktur.
Oprydning i HTML indsat fra en WYSIWYG-editor eller CMS-eksport, som ofte medbringer overskydende mellemrum.
Hurtig kontrol af om et håndskrevet HTML-uddrag er velformet, da en fortolkningsfejl fremkommer som en klar fejlmeddelelse.

Ofte stillede spørgsmål

Bliver min HTML uploadet nogen steder?

Nej. Både minificering og formatering foregår lokalt i din browser med JavaScript. Intet du indsætter sendes til en server, så det er trygt at bruge med interne skabeloner eller uudgivne sider.

Vil minificering ødelægge min side?

Det burde ikke — værktøjet bruger en rigtig HTML-parser (html-minifier-terser), der forstår tag-struktur, så det bevarer mellemrumsfølsomme elementer som <pre> og <textarea> og sammenlægger ikke attributter forkert. Tjek altid kritiske sider stikprøvevist efter minificering, især hvis du er afhængig af usædvanlige inline-scripts.

Minificerer det også CSS og JavaScript inde i HTML'en?

Ja. Inline <style>- og <script>-blokke minificeres på stedet med de samme motorer som de dedikerede CSS- og JS-minifikator-værktøjer, så du ikke behøver at udtrække dem manuelt.

Hvor meget mindre bliver HTML typisk?

Det afhænger af, hvor mange mellemrum, kommentarer og formatering originalen havde — håndskrevet HTML med masser af indrykning og kommentarer krymper ofte 20-40%. Framework-genereret HTML, der allerede er kompakt, sparer mindre.

Kan jeg konvertere minificeret HTML tilbage til et læsbart format?

Ja — indsæt den minificerede HTML, og klik på "Formatér" i stedet for "Minificér" for at få korrekt indrykket, læsbar markup tilbage.

HTML-minifikator & Formatter