DT Dev Tools

HTML Minifier — HTML-minifierare

Minifiera HTML i webblÀsaren med html-minifier-terser: slÄ ihop blanksteg, ta bort kommentarer, minifiera inbÀddad CSS och JavaScript och jÀmför filstorlekar.

🔒 Körs helt i din webblĂ€sare — ingenting laddas upp

Drop an .html file here or click to browse — or paste markup below

Before: –After: –Saved: –
Annons

SĂ„ fungerar HTML-minifiering

HTML-minifiering tar bort allt som webblÀsaren inte behöver för att rendera en sida: indrag och radbrytningar mellan taggar, kommentarer, överflödiga attributvÀrden och standardattribut. Det hÀr verktyget anvÀnder html-minifier-terser, som tolkar din kod till taggar och text, tillÀmpar de valda optimeringarna och skriver ut den igen. Collapse whitespace slÄr ihop följder av blanksteg och tar bort blanksteg mellan blockelement, men behÄller de enkla mellanslag som skiljer inbÀddad text Ät. InnehÄll i <pre> och <textarea> lÀmnas orört eftersom blanksteg spelar roll dÀr. Remove comments tar bort utvecklaranteckningar, och de inbÀddade minifierarna krymper <style>- och <script>-block med clean-css och Terser.

StorleksmĂ€rkena visar UTF-8-storleken i byte för indata och utdata samt hur mĂ„nga procent som sparats. Handskrivna mallar med generösa indrag brukar bli 15–30 % mindre, och mer om de innehĂ„ller stora inbĂ€ddade skript eller stilar. Servrar komprimerar vanligtvis HTML en gĂ„ng till med gzip eller Brotli, sĂ„ överföringsvinsten Ă€r mindre Ă€n det rĂ„a talet, men ett mindre dokument tolkas Ă€ndĂ„ snabbare och hĂ„ller kritisk inbĂ€ddad kod kompakt.

Att vÀlja rÀtt alternativ

Remove redundant attributes Àr ett paket med sÀkra stÀdningar: det förkortar booleska attribut som disabled="disabled" till disabled, tar bort standardvÀrden som type="text" pÄ inmatningsfÀlt och type="text/javascript" pÄ skript, tar bort tomma attribut och ersÀtter lÄnga gamla doctypes med <!doctype html>. Remove optional tags utelÀmnar sluttaggar som </li>, </p> och </body> som HTML-specifikationen lÄter webblÀsare hÀrleda. Remove attribute quotes tar bort citattecken runt vÀrden som inte behöver dem. BÄda ger giltig HTML, men de kan överraska andra verktyg som lÀser din kod, sÄ de Àr avstÀngda som standard.

Privat frÄn grunden

Minifieraren laddas vid behov och körs lokalt, sÄ dina mallar, e-postkod och landningssidor laddas aldrig upp. Det gör den praktisk för engÄngsjobb, som att krympa ett HTML-mejl, ett inbÀddningsutdrag eller en statisk sida innan du klistrar in dem i ett CMS. Om tolken rapporterar ett fel, kontrollera om det finns ostÀngda taggar eller lösa vinkelparenteser i indata. För produktionssajter bör du ha minifieringen i ditt bygg-flöde sÄ att resultatet blir reproducerbart.

Hur man anvÀnder

  1. LÀgg till din kodKlistra in HTML i indatafÀltet eller slÀpp en .html-fil i slÀppzonen.
  2. VÀlj alternativSlÄ pÄ eller av hopslagning av blanksteg, borttagning av kommentarer, minifiering av inbÀddad CSS och JS samt de mer aggressiva stÀdningarna.
  3. MinifieraKlicka pÄ Minify HTML för att se resultatet med storlek före, efter och sparad andel i procent.
  4. Kopiera eller ladda nedKopiera den minifierade HTML-koden eller ladda ned den som en .min.html-fil.

Vanliga frÄgor

Vilken minifierare anvÀnder det hÀr verktyget?
html-minifier-terser, en mycket anvÀnd HTML-minifierare som förlitar sig pÄ Terser för inbÀddad JavaScript och clean-css för inbÀddad CSS. Den körs helt i din webblÀsare.
Kan minifiering förstöra min sida?
Standardalternativen Ă€r sĂ€kra för vanliga sidor. Att slĂ„ ihop blanksteg kan i sĂ€llsynta layouter ta bort ett mellanslag mellan inbĂ€ddade element, och Remove optional tags eller Remove attribute quotes ger giltig men ovanlig HTML — testa resultatet innan du publicerar det.
Minifierar den &lt;style&gt;- och &lt;script&gt;-block?
Ja. Med Minify inline CSS och Minify inline JS aktiverade minifieras innehÄllet i <style>- och <script>-element samt style- eller hÀndelsehanterarattribut ocksÄ. Externa filer som refereras via URL hÀmtas inte.
BehÄlls villkorliga kommentarer?
Remove comments tar bort vanliga HTML-kommentarer, men Internet Explorers villkorliga kommentarer bevaras. StÀng av alternativet för att behÄlla alla kommentarer.

Relaterade verktyg

{}

JSON Formatter — formatera, validera och minifiera JSON

Formatera, validera och minifiera JSON med ett hopfÀllbart trÀdvy, exakt felrad och kolumn, nyckelsortering och stöd för JSON5/JSONC. Körs helt i webblÀsaren.

Formatera
 </>

HTML Beautifier — HTML-formaterare

Formatera eller komprimera HTML-, CSS- och JavaScript-kodstycken i webblÀsaren med js-beautify. Gratis, snabbt och utan att nÄgon fil laddas upp.

Formatera
 📐

XML Formatter — XML-formatterare

Validera och formatera XML, med valfri konvertering frÄn XML till JSON, lokalt i webblÀsaren och utan uppladdning.

Formatera
 đŸ—ƒïž

SQL Formatter — SQL-formatterare

Formatera SQL-frÄgor för vanliga dialekter direkt i webblÀsaren, med indrag, versaler eller gemener för nyckelord och snabb kopiering.

Formatera
 🔍

JSON Diff — JĂ€mför JSON

JÀmför tvÄ JSON-objekt rekursivt och markera tillagda, borttagna och Àndrade nycklar lokalt i webblÀsaren, utan att nÄgon data laddas upp till en server.

Formatera
 ✹

Code Formatter (Prettier) — Kodformaterare

Formatera JavaScript, TypeScript, CSS, SCSS, Less, HTML, JSON, GraphQL, Markdown och YAML med Prettier, helt i din webblÀsare.

Formatera

Fler gratisverktyg fr?n Uttily

đŸ·ïž

Metataggenerator

Generera SEO-metataggar — title, description, keywords, author och robots — med varningar om lĂ€ngd i realtid. Körs helt i din webblĂ€sare.

SEO Tools
 ⚡

Bildoptimerare — MozJPEG- och OxiPNG-komprimering i webblĂ€saren

Optimera JPEG med MozJPEG och PNG förlustfritt med OxiPNG, i omgÄngar, direkt i webblÀsaren. Se storlek före/efter och besparingar, och ladda sedan ner filerna eller en ZIP.

Image Tools
 🔄

JSON till CSV-konverterare — Platta till nĂ€stlad JSON

Konvertera JSON-arrayer, nÀstlade objekt och NDJSON till CSV i webblÀsaren. NÀstlade nycklar blir kolumner med punktsökvÀgar, med val för avgrÀnsare och rubrikrad.

Data Tools
Annons