HTML Prettify & Minify - Formater HTML Online Gratis

Forskønn rodet HTML med korrekt indrykning, eller minimere til én linje. Smid en .html fil eller indsæt, og kopier eller download derefter den rensede markup.

Indtast HTML

eller aflevere en .html fil

Formateret output

Om HTML Prettify
Drevet af js-beautify kører den udelukkende i din browser. Prettify-tilstand omformaterer tags til deres egne linjer med ensartet indrykning; Minify-tilstand fjerner kommentarer og fjerner blankrummet for den mindste payload.
Fortsæt med at forbedre dine billeder
Tag din fotoredigering til det næste niveau med disse populære værktøjer
📝
Tilføj tekst til billede
Føj billedtekster og titler til dit forbedrede billede
🖼️
Tilføj fotokant
Indram din effekt med smukke kanter
🗜️
Komprimer billede
Optimer dit forbedrede billede til deling
📐
Tilpas størrelse på billede
Skift billeddimensioner
Udforsk alle fotoværktøjer
Frequently Asked Questions
Indsæt enhver HTML — selv enkeltlinje-minificeret output fra en build-pipeline — og værktøjet omformaterer det med korrekt indrykning, ét tag pr. linje og ensartet mellemrum. Vælg 2, 4 eller 8 mellemrum indrykning. Outputtet er klar til at blive lagt i din editor eller indsat i en kodegennemgangskommentar.
usage
Prettify udvider HTML for læsbarhed: hvert tag på sin egen linje, indlejrede børn indrykket, tomme linjer bevaret mellem sektionerne. Minify fjerner kommentarer, sammenklapper sekvenser af hvidrum og fjerner linjeskift, så filen sendes med færre bytes. Brug Prettify til redigering og gennemgang, Minify til produktionsudrulning.
features
Nej — js-beautify (motoren under motorhjelmen) registrerer script- og styleblokke og formaterer deres indhold med de relevante JS- eller CSS-regler, så inline-scripts forbliver gyldige og stylesheets læsbare. Selvlukkende tags, void-elementer og navnespacede attributter (svg:xmlns, xlink:href) håndteres alle korrekt.
technical
Den håndterer almindelige HTML- og HTML-lignende skabeloner godt, men ren JSX (krølleparentes-udtryk, fragmenter, store og store komponent-tags) bliver parset som HTML og kan få mindre kosmetiske problemer. For framework-specifik kode anbefaler vi Prettier konfigureret til din dialekt; til rå HTML, .htm og skabelonfiler er vores værktøj perfekt.
features
Der sker ingen upload. Formatteren kører udelukkende i din browser med js-beautify, så du trygt kan indsætte interne sideskabeloner, udkast til e-mails eller HTML med private data uden at noget forlader din enhed.
privacy
Minify fjerner HTML-kommentarer, samler enhver mellemrumsrække mellem tags til ét enkelt mellemrum og fjerner linjeskift. Resultatet er byte-identisk-renderende HTML, som typisk er 10-30% mindre. Kombineret med gzip på serveren mindsker dette den oprindelige sidevægt mærkbart på indholdstunge sider.
technical
Ja — klik Download for at gemme det forfinede output som output.html eller det minified output som output.min.html. Filen er UTF-8-kodet, så den fungerer lige godt med engelsk, kyrillisk, CJK og højre-til-venstre indhold.
tips
Det er et lille browser-værktøj — ingen hostingomkostninger — så vi sender det gratis som en del af vores udviklerværktøjskasse. Ingen reklamer, ingen sporing af outputtet, ingen begrænsninger på filstørrelsen ud over det, din browser kan holde i hukommelsen.
pricing
Use Cases
Oprydning af e-mailskabeloner
Marketing email HTML kommer ofte fra ESP'er som en enkelt minificeret klump. Forskønn den for at inspicere strukturen, find den ødelagte bordsøjle og rette en slåfejl, før du sender næste eksplosion.
marketing
CMS-indholdsmigrering
Eksport fra ét CMS og import til et andet involverer som regel flytning af HTML. Prettify gør differentialer læsbare, minify mindsker payloaden, og begge tilstande bevarer indholdsnøjagtighed.
development
Web Scraping-output
Rå HTML, der er skrabet fra en hjemmeside, er ulæselig uden formatering. Pynt outputtet for at finde den CSS-selector, du har brug for, og skriv derefter ekstraktionsreglen til din scraper.
data
Statisk siteoptimering
Minify-genereret HTML fra din statiske sitegenerator før udrulning. Skærer 10-30% af filstørrelsen ovenpå gzip — en målbar forbedring i forhold til første maletid på indholdstunge sider.
performance
Dokumentationsuddrag
Når du indsætter HTML-eksempler i dokumentation, blogindlæg eller README-filer, så forskønn først, så læserne kan følge strukturen. Gem den minificerede version til sammenligningen af "produktionsoutput".
documentation
JSX Refaktoreringshjælp
Før du konverterer et stykke HTML til JSX, skal du gøre det pænt, så konverteringsscriptet ser et rent træ. Det sparer manuel formatering i din React/Vue-migrering.
development