Gratis omvandlare

HTML Minifierare

Förminska och komprimera HTML-kod direkt i din webbläsare. Ta bort kommentarer, komprimera blanksteg och minska filstorleken. Gratis och privat.

Dra och släpp en HTML-fil här

Stöder .html- och .htm-filer. Eller klistra in din HTML ovan.

Eller

Om detta verktyg

HTML-minifiering tar bort onödiga tecken från en webbsidas källa – blanksteg mellan taggar, kommentarer, överflödiga citat, valfria avslutande taggar – för att minska filstorleken utan att ändra hur sidan renderas. Besparingarna är blygsamma per sida (vanligtvis 10–30 %) men sammansatta för många förfrågningar, särskilt för statiska webbplatser eller sidor som visas utan dynamisk komprimering.

Den här minifieraren tar bort blanksteg mellan element på blocknivå, kollapsar körningar av blanksteg inuti icke-signifikant text, tar bort HTML-kommentarer (förutom IE villkorliga kommentarer), tar bort redundanta attributcitattecken där det tillåts av HTML5-specifikationen och eliminerar valfria stängningstaggar (</p>, </li>) där specifikationen tillåter. Resultatet återges identiskt med källan i varje webbläsare.

Minifiering är mest användbar när den paras ihop med gzip- eller Brotli-komprimering på servernivå. Komprimering tar redan bort mycket av de besparingar som minifiering ger, men de två kombinerade slår fortfarande enbart komprimering - särskilt för webbplatser med hög trafik där bandbreddskostnader spelar roll.

Varför förminska HTML

Mindre HTML laddas snabbare, särskilt på långsammare anslutningar och mobila nätverk. Sidvikten påverkar direkt Core Web Vitals — Largest Contentful Paint och Time to First Byte förbättras båda när servern returnerar mindre HTML för att analysera. För sajter där SEO-rankningen beror på Core Web Vitals-poäng är minifiering en mätbar förbättring.

Minifierad HTML minskar också bandbreddskostnaderna i stor skala. En webbplats som betjänar en miljon sidor om dagen med 10 KB besparingar per sida sparar 10 GB av utträde dagligen. Effektföreningarna för statiska platser som serveras från CDN:er som fakturerar genom dataöverföring.

Så här använder du det

Klistra in HTML, hämta den förminskade versionen.

  1. Lägg till HTML-inmatning: Klistra in HTML-källa i inmatningsområdet eller släpp en .html-fil. Minifieraren accepterar alla giltiga HTML5-uppmärkningar.
  2. Välj alternativ: Standardinställningar tar bort kommentarer och komprimerar blanksteg; du kan inaktivera individuella transformationer om du behöver bevara specifika element (t.ex. spara kommentarer för dokumentation).
  3. Förminska: Minifieraren leder HTML-tokenströmmen och tillämpar varje aktiverad transformation. Utdata är funktionellt identisk HTML med reducerad storlek.
  4. Kopiera eller ladda ner: Använd resultatet som serverad HTML. Bekräfta att sidan renderas korrekt i målwebbläsare innan du distribuerar den.

Vanliga användningsfall

Tekniska detaljer

Minifieraren bearbetar HTML-token för token. Mellanslag mellan element på blocknivå (<div>, <p>, <ul>) tas bort eftersom det inte påverkar renderingen. Whitespace i inline-sammanhang (<span>, <a>, textinnehåll) bevaras eftersom det kan påverka renderingen.

Kommentarer tas bort som standard men villkorliga kommentarer (<!--[if IE]>) bevaras. Attributcitattecken tas bort där HTML5-tolken tillåter - attributvärden för ett ord utan mellanslag eller specialtecken kan utelämna citattecken.

Valfria stängningstaggar tas bort enligt HTML5-specifikationen: </p>, </li>, </td> och några andra kan utelämnas när de följs av ett syskon som antyder att de är nära. Detta är ovanligt att läsa men giltig HTML5 som webbläsare analyserar identiskt.

Bästa metoder

Vanliga frågor

Vad tar HTML-minifiering bort?
Onödigt blanksteg mellan taggar, HTML-kommentarer (<!-- -->), valfria avslutande taggar (</li>, </p>, </td>), standardattributvärden (type="text" på ingångar) och booleska attributvärden (disabled="disabled" → disabled).
Kan minifiering bryta min sida?
Sällan, men möjligt om din CSS förlitar sig på blanksteg mellan inline-element eller om JavaScript använder innerHTML-jämförelser. Testa alltid den förminskade utgången. Verktyget använder konservativa inställningar som standard.
Ska jag förminska HTML om jag använder ett ramverk som Next.js?
De flesta moderna ramverk (Next.js, Nuxt, Angular) förminskar HTML automatiskt i produktionsbyggen. Det här verktyget är användbart för statiska HTML-filer, e-postmallar och projekt utan ett byggsystem.
Minifierar detta inline CSS och JavaScript också?
Detta verktyg fokuserar på HTML-struktur. Inline <style> och <script> innehåll bevaras som det är. För dessa, använd dedikerade CSS- och JavaScript-minifierare för optimala resultat.
Är valfria stängningstaggar säkra att ta bort?
Ja per HTML5-specifikation, även om resultatet är svårare att läsa. Vissa lag inaktiverar denna omvandling för tydlighetens skull och accepterar den lilla storleksstraffen.
Är min HTML uppladdad till en server?
Nej. Minifieraren körs i din webbläsare.
Hur jämför detta med html-minifier-terser?
html-minifier-terser är den kanoniska Node.js HTML-minifieraren och ger något mer aggressiva resultat. Det här verktyget täcker samma omvandlingar för användning på webbläsaren utan en bygginställning.
Ska jag minifiera alltid eller selektivt?
Alltid för produktion. Aldrig för källkod i versionskontroll; läsbar HTML i källkod är avgörande för underhåll.