HTML Prettify & Minify - Formatera HTML online gratis

Försköna rörig HTML med korrekt indrag, eller miniera till en rad. Lägg in en .html fil eller klistra in, och kopiera eller ladda sedan ner den rensade markeringen.

Inmata HTML

eller lämna en .html fil

Formaterad utdata

Om HTML Prettify
Drivs av js-beautify, körs helt i din webbläsare. Prettify-läget omformaterar taggar på egna rader med konsekvent indragning; Minify-läget tar bort kommentarer och kollapsar det vita utrymmet för minsta nyttolasten.
Fortsätt att förbättra dina bilder
Ta din fotoredigering till nästa nivå med dessa populära verktyg
📝
Lägg till text i bilden
Lägga till bildtexter och titlar till ditt förbättrade foto
🖼️
Lägg till fotoram
Rama in din effekt med vackra ramar
🗜️
Komprimera bild
Optimera din förbättrade bild för delning
📐
Ändra storlek på bild
Ändra bildens mått
Utforska alla fotoverktyg
Frequently Asked Questions
Klistra in vilken HTML som helst — även enkelradigt minifierat utdata från en byggpipeline — och verktyget formaterar om det med korrekt indrag, en tagg per rad och konsekvent tomrum. Välj 2, 4 eller 8 mellanslag i indrag. Resultatet är redo att läggas in i din redigerare eller klistras in i en kommentar i en kodgranskning.
usage
Prettify expanderar HTML för läsbarhet: varje tagg på sin egen rad, nästlade barn indragna, tomma rader bevarade mellan sektionerna. Minify tar bort kommentarer, kollapsar spår av whitespace och tar bort radbrytningar så att filen skickas in färre bytes. Använd Prettify för redigering och granskning, Minify för produktionsdistribution.
features
Nej — js-beautify (motorn under huven) upptäcker skript- och stilblock och formaterar deras innehåll med lämpliga JS- eller CSS-regler, så att inline-skript förblir giltiga och stilmallar läsbara. Självstängande taggar, void-element och namnrymdsattribut (svg:xmlns, xlink:href) hanteras alla korrekt.
technical
Den hanterar vanliga HTML- och HTML-liknande mallar bra, men ren JSX (curly-brace-uttryck, fragment, versaliserade komponenttaggar) tolkas som HTML och kan upptäcka mindre kosmetiska problem. För ramverksspecifik kod rekommenderar vi Prettier konfigurerad för din dialekt; för rå HTML, .htm och mallfiler är vårt verktyg perfekt.
features
Ingen uppladdning sker. Formatteren körs helt i din webbläsare med js-beautify, så du kan säkert klistra in interna sidmallar, utkast till mejl eller HTML med privat data utan att något lämnar din enhet.
privacy
Minify tar bort HTML-kommentarer, sammanfattar allt spår av mellanslag mellan taggar till ett enda mellanslag och tar bort radbrytningar. Resultatet är byte-identisk rendering av HTML som vanligtvis är 10–30 % mindre. I kombination med gzip på servern minskar detta den initiala sidvikten märkbart på innehållstunga sidor.
technical
Ja — klicka på Ladda ner för att spara den förskönade utgången som output.html eller den förminskade utgången som output.min.html. Filen är UTF-8-kodad, så den fungerar lika bra med engelska, kyrilliska, CJK och höger-till-vänster-innehåll.
tips
Det är ett litet verktyg som endast kan användas i webbläsaren – utan kostnad för hosting – så vi levererar det gratis som en del av vår utvecklarverktygslåda. Inga annonser, ingen spårning av utdata, inga filstorleksbegränsningar utöver vad din webbläsare kan lagra i minnet.
pricing
Use Cases
Rensning av e-postmallar
Marknadsföringse-post-HTML kommer ofta från ESP:er som en enda minifierad blob. Försköna den för att inspektera strukturen, hitta den trasiga tabellkolumnen och rätta ett stavfel innan du skickar nästa explosion.
marketing
CMS-innehållsmigrering
Att exportera från ett CMS och importera till ett annat innebär vanligtvis att man flyttar HTML. Prettify gör differentialer läsbara, minify minskar nyttolasten, och båda lägena bevarar innehållstrogenheten.
development
Webbskrapningsutdata
Rå HTML som skrapas från en webbplats är oläslig utan formatering. Försköna utdatan för att hitta den CSS-väljare du behöver, skriv sedan extraktionsregeln för din skrapara.
data
Statisk webbplatsoptimering
Minify-genererad HTML från din statiska webbplatsgenerator innan du distribuerar. Minskar filstorleken med 10–30 % ovanpå gzip — en mätbar förbättring jämfört med första målningstiderna på innehållstunga sidor.
performance
Dokumentationsfragment
När du klistrar in HTML-exempel i dokument, blogginlägg eller README-filer, försköna först så att läsarna kan följa strukturen. Spara den minifierade versionen till jämförelsen med "produktionsresultat".
documentation
JSX Refaktoreringshjälpare
Innan du konverterar en bit HTML till JSX, försköna den så att konverteringsskriptet ser ett rent träd. Sparar manuell omformatering i din React/Vue-migrering.
development