Formatera och minifiera HTML – formatera HTML online gratis

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.

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.

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.

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.

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.

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.

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.

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.

Prettify-läget låter dig välja 2, 4 eller 8 blanksteg i indrag. Välj den bredd din redigerare eller kodstil använder, kopiera sedan resultatet eller ladda ner det som output.html så att formateringen förs över direkt till ditt projekt.

The indent selector (2, 4 or 8 spaces) only applies in Prettify mode, since Minify strips all whitespace and line breaks by design — there is nothing left to indent. Switch back to Prettify to see the indent width take effect again.

När du klistrar in eller redigerar kör verktyget automatiskt en strukturkontroll och listar eventuella ostängda, felmatchade eller lösa sluttaggar direkt under utdatapanelen — ingen separat knapp behövs. Ett grönt meddelande, "Inga strukturproblem hittades", bekräftar att märkspråket är korrekt uppbyggt.

Use Prettify mode with 2-space indent — it's the most common convention and keeps diffs compact — then check the structural-issues panel to confirm they haven't left an unclosed tag. Once reviewed, switch to Minify mode before shipping to production to strip the extra whitespace back out.

Yes — drag an .html, .htm or .xhtml file onto the upload area, or click it to browse, and its contents load straight into the input box exactly as if you'd pasted them. From there, Prettify, Minify, indent width and the structural checker all work identically whether the markup came from a file or a paste.

Yes — once there's output, a Copy button appears next to the output panel and the primary action area. Clicking it copies the current Prettify or Minify result to your clipboard instantly (it briefly shows 'Copied!' for confirmation), so you can paste directly into your editor or a code review comment without saving an intermediate .html file.