Formatera och minifiera HTML – formatera HTML online gratis

Snygga till rörig HTML med korrekt indragning, eller minifiera till en rad. Släpp en .html-fil eller klistra in, kopiera sedan eller ladda ner den rensade markupen.

Klistra in din HTML här…

eller släpp en .html-fil

Filer raderas automatiskt efter bearbetningInga vattenstämplarGratis att använda — ingen registrering krävs

Frequently Asked Questions

Klistra in valfri HTML – även minifierad enradsutdata från en byggpipeline – så formaterar verktyget om den med korrekt indrag, en tagg per rad och enhetliga blanksteg. Välj indrag på 2, 4 eller 8 blanksteg. Resultatet är klart att släppa in i din editor eller klistra in i en kommentar vid kodgranskning.

usage

Prettify expanderar HTML för läsbarhet: varje tagg på en egen rad, inkapslade element indenterade och tomma rader bevarade mellan sektioner. Minify tar bort kommentarer, slår ihop sammanhängande blanksteg och tar bort radbrytningar så att filen levereras med färre byte. Använd prettify för redigering och granskning, minify för produktionsdistribution.

features

Nej – js-beautify (motorn bakom kulisserna) upptäcker script- och style-block och formaterar deras innehåll med rätt JS- eller CSS-regler, så inline-skript förblir giltiga och stilmallar förblir läsbara. Självstängande taggar, void-element och namnrymdsattribut (svg:xmlns, xlink:href) hanteras alla korrekt.

technical

Det hanterar vanlig HTML och HTML-liknande mallar väl, men ren JSX (uttryck med klammerparenteser, fragment, komponenttaggar med stor begynnelsebokstav) tolkas som HTML och kan få mindre kosmetiska problem. För ramverksspecifik kod rekommenderar vi Prettier konfigurerad för din dialekt; för ren HTML, .htm och mallfiler är vårt verktyg perfekt.

features

Ingen uppladdning sker. Formateraren körs helt i din webbläsare med js-beautify, så du kan tryggt klistra in interna sidmallar, mejlutkast eller HTML som innehåller privata data utan att något lämnar din enhet.

privacy

Minifiering tar bort HTML-kommentarer, slår ihop alla följder av blanktecken mellan taggar till ett enda mellanslag och tar bort radbrytningar. Resultatet är HTML som renderas bytefor-byte identiskt men som vanligtvis är 10–30 % mindre. Kombinerat med gzip på servern minskar detta den ursprungliga sidvikten märkbart på innehållstunga sidor.

technical

Ja — klicka på Ladda ner för att spara det formaterade resultatet som output.html eller det minifierade resultatet som output.min.html. Filen är UTF-8-kodad, så den fungerar lika bra med engelskt, kyrilliskt, CJK- och höger-till-vänster-innehåll.

tips

Det är ett litet verktyg som körs enbart i webbläsaren – noll värdkostnad – så vi erbjuder det gratis som en del av vår utvecklarverktygslåda. Inga annonser, ingen spårning av resultatet, inga begränsningar för filstorlek utöver vad din webbläsare kan rymma i minnet.

pricing

How HTML Prettify helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

Marketing

Uppstädning av e-postmallar

HTML för marknadsföringsmejl kommer ofta från ESP:er som en enda minifierad klump. Snygga till den för att granska strukturen, hitta den trasiga tabellkolumnen och rätta ett stavfel innan nästa utskick.

For Developers

Migrering av CMS-innehåll

Att exportera från ett CMS och importera till ett annat innebär oftast att flytta HTML. Snyggformatering gör diffar läsbara, minifiering krymper datamängden och båda lägena bevarar innehållet exakt.

For Developers

Utdata från webbskrapning

Rå HTML som skrapats från en webbplats är oläslig utan formatering. Försköna utdatan för att hitta den CSS-väljare du behöver, och skriv sedan extraheringsregeln för din skrapa.

Web & SEO

Optimering av statiska webbplatser

Minifiera genererad HTML från din statiska webbplatsgenerator innan du publicerar. Skär bort 10–30 % av filstorleken utöver gzip – en mätbar förbättring av first-paint-tiderna på innehållstunga sidor.

Publishing

Dokumentationsavsnitt

När du klistrar in HTML-exempel i dokument, blogginlägg eller README-filer, formatera först så att läsarna kan följa strukturen. Spara den minifierade versionen för jämförelsen "produktionsutdata".

For Developers

JSX-refaktoreringshjälp

Innan du konverterar ett HTML-stycke till JSX, snygga till det så att konverteringsskriptet ser ett rent träd. Sparar manuell omformatering i din React/Vue-migrering.