HTML Prettify & Minify - formater HTML gratis online

Forskjønn rotete HTML med riktig innrykk, eller minimeer til én linje. Legg ut en .html fil eller lim inn, og kopier eller last ned den rensede markeringen.

Skriv inn HTML

eller slipp en .html fil

Formatert utdata

Om HTML Prettify
Drevet av js-beautify, kjører helt i nettleseren din. Prettify-modus omformaterer tagger på egne linjer med konsekvent innrykk; Minify-modusen fjerner kommentarer og senker hvitrommet for den minste nyttelasten.
Fortsett å forbedre bildene dine
Ta bilderedigeringen til neste nivå med disse populære verktøyene
📝
Legg til tekst i bildet
Legg til bildetekster og titler i det forbedrede bildet ditt
🖼️
Legg til bildekantlinje
Ram inn effekten din med vakre kanter
🗜️
Komprimer bilde
Optimaliser det forbedrede bildet ditt for deling
📐
Endre størrelse på bilde
Endre bildedimensjoner
Utforsk alle fotoverktøy
Frequently Asked Questions
Lim inn hvilken som helst HTML — selv enkeltlinje-minifisert utdata fra en byggepipeline — og verktøyet omformaterer det med riktig innrykk, én tagg per linje og jevn mellomrom. Velg innrykk med 2, 4 eller 8 mellomrom. Utdataene er klare til å legges inn i editoren din eller limes inn i en kodegjennomgangskommentar.
usage
Prettify utvider HTML for lesbarhet: hver tagg på sin egen linje, nestede barn innrykket, blanke linjer bevart mellom seksjonene. Minify fjerner kommentarer, kollapser sekvenser med hvitrom og fjerner linjeskift slik at filen sendes inn færre bytes. Bruk Prettify til redigering og gjennomgang, Minify til produksjonsdistribusjon.
features
Nei — js-beautify (motoren under panseret) oppdager skript- og stilblokker og formaterer innholdet med passende JS- eller CSS-regler, slik at inline-skript forblir gyldige og stilark lesbare. Selvlukkende tagger, void-elementer og navnespacede attributter (svg:xmlns, xlink:href) håndteres alle korrekt.
technical
Den håndterer vanlig HTML og HTML-lignende maler godt, men ren JSX (curly-parentes-uttrykk, fragmenter, store og store komponenttagger) tolkes som HTML og kan oppdage mindre kosmetiske problemer. For rammeverksspesifikk kode anbefaler vi Prettier konfigurert for din dialekt; for rå HTML, .htm og malfiler er verktøyet vårt perfekt.
features
Ingen opplasting skjer. Formatteren kjører helt i nettleseren din med js-beautify, slik at du trygt kan lime inn interne sidemaler, utkast til e-poster eller HTML med private data uten at noe forlater enheten din.
privacy
Minify fjerner HTML-kommentarer, samler alt mellomrom mellom taggene til ett enkelt mellomrom, og fjerner linjeskift. Resultatet er byte-identisk gjengivelse av HTML som vanligvis er 10-30 % mindre. Kombinert med gzip på serveren, reduserer dette den opprinnelige sidevekten merkbart på innholdstunge sider.
technical
Ja — klikk Last ned for å lagre den forfinede utgangen som output.html eller den minifiserte utgangen som output.min.html. Filen er UTF-8-kodet, så den fungerer like godt med engelsk, kyrillisk, CJK og høyre-til-venstre-innhold.
tips
Det er et lite nettleserbasert verktøy — ingen hostingkostnad — så vi leverer det gratis som en del av vårt utviklerverktøy. Ingen annonser, ingen sporing på utdata, ingen begrensninger på filstørrelse utover det nettleseren din kan lagre i minnet.
pricing
Use Cases
Opprydding av e-postmaler
Markedsføringse-post HTML kommer ofte fra ESP-er som en enkelt minifisert blob. Forskjønn den for å inspisere strukturen, finn den ødelagte bordkolonnen, og rett en skrivefeil før du sender neste eksplosjon.
marketing
CMS-innholdsmigrering
Eksport fra ett CMS og import til et annet innebærer vanligvis flytting av HTML. Prettify gjør differensialer lesbare, minify krymper nyttelasten, og begge modusene bevarer innholdsnøyaktigheten.
development
Web Scraping-utgang
Rå HTML skrapet fra et nettsted er uleselig uten formatering. Pynt på utdataene for å finne CSS-velgeren du trenger, og skriv deretter ekstrakteringsregelen for skraperen din.
data
Statisk nettstedoptimalisering
Minify-genererte HTML fra din statiske nettstedsgenerator før du distribuerer. Kutter 10-30 % av filstørrelsen i tillegg til gzip — målbar forbedring av første maletid på innholdstunge sider.
performance
Dokumentasjonsutdrag
Når du limer inn HTML-eksempler i dokumenter, blogginnlegg eller README-filer, forskjønn først slik at leserne kan følge strukturen. Spar den minifiserte versjonen til sammenligningen med "produksjonsutgang".
documentation
JSX Refaktoreringshjelp
Før du konverterer en bit HTML til JSX, forfiner du det slik at konverteringsskriptet ser et rent tre. Sparer manuell omformatering i React/Vue-migreringen din.
development