PixoateHTML-formatering og -minifisering – formater HTML på nett gratis
Forskjønn rotete HTML med riktig innrykk, eller minifiser til én linje. Slipp inn en .html-fil eller lim inn, og kopier eller last ned den ryddede markeringen.
Lim inn HTML-en din her …
eller slipp en .html-fil
Ferdig med HTML-formatering? Prøv disse neste
Håndplukkede verktøy som passer godt sammen med HTML-forskjønning. Fortsett uten å miste filen din.
JSON-forskjønning
Formater, valider og minifiser JSON i nettleseren. Pen formatering med 2 / 4 / 8 mellomroms innrykk eller minifisering til én linje med kopiering + nedlasting.
Prøv det nåMarkdown-redigering
Skriv Markdown med live HTML-forhåndsvisning. Overskrifter, lister, tabeller, kodeblokker, sitatblokker. Eksporter til HTML eller Markdown.
Prøv det nåDiff-sjekker
Sammenlign to tekstutdrag linje for linje. Delt eller samlet visning, med valgfri ignorering av mellomrom og store/små bokstaver.
Prøv det nåBilde til HTML
Konverter skjermbilder til ryddig HTML med ekte <table>-elementer og strukturert markup.
Prøv det nåPDF til HTML
Konverter PDF til semantisk HTML med ekte <table>-elementer. Fungerer på skannede PDF-er.
Prøv det nåBase64-koder / -dekoder
Kod hvilken som helst tekst eller fil til Base64 (med URL-sikker variant), eller dekod Base64 tilbake til tekst. UTF-8-sikker.
Prøv det nåFrequently Asked Questions
Lim inn hvilken som helst HTML – selv minifisert utdata på én linje fra en byggepipeline – så formaterer verktøyet den på nytt med riktig innrykk, én tag per linje og konsekvent mellomrom. Velg innrykk på 2, 4 eller 8 mellomrom. Resultatet er klart til å settes inn i editoren din eller limes inn i en kommentar i en kodegjennomgang.
usageForskjønn utvider HTML for lesbarhet: hver tag på sin egen linje, nøstede underelementer med innrykk og tomme linjer bevart mellom seksjoner. Minimer fjerner kommentarer, komprimerer sammenhengende mellomrom og fjerner linjeskift slik at filen leveres med færre byte. Bruk forskjønn for redigering og gjennomgang, minimer for produksjonsutrulling.
featuresNei – js-beautify (motoren under panseret) oppdager script- og style-blokker og formaterer innholdet deres med de riktige JS- eller CSS-reglene, slik at innebygde skript forblir gyldige og stilark forblir lesbare. Selvlukkende tagger, tomme elementer og navneromsattributter (svg:xmlns, xlink:href) håndteres alle korrekt.
technicalDet håndterer ren HTML og HTML-lignende maler godt, men ren JSX (uttrykk i krøllparenteser, fragmenter, komponenttagger med stor forbokstav) tolkes som HTML og kan få mindre kosmetiske feil. For rammeverkspesifikk kode anbefaler vi Prettier konfigurert for din dialekt; for ren HTML, .htm og malfiler er verktøyet vårt perfekt.
featuresIngen opplasting skjer. Formateringsverktøyet kjører fullstendig i nettleseren din med js-beautify, så du trygt kan lime inn interne sidemaler, e-postutkast eller HTML med private data uten at noe forlater enheten din.
privacyMinifisering fjerner HTML-kommentarer, slår sammen alle sammenhengende mellomrom mellom tagger til ett enkelt mellomrom og fjerner linjeskift. Resultatet er HTML som gjengis bytenøyaktig likt, men som typisk er 10–30 % mindre. Kombinert med gzip på serveren reduserer dette innledende sidevekt merkbart på innholdstunge sider.
technicalJa — klikk Last ned for å lagre det formaterte resultatet som output.html eller det minifiserte resultatet som output.min.html. Filen er UTF-8-kodet, så den fungerer like godt med engelsk, kyrillisk, CJK og høyre-til-venstre-innhold.
tipsDet er et lite verktøy som kun kjører i nettleseren – null hostingkostnad – så vi tilbyr det gratis som en del av utviklerverktøysettet vårt. Ingen annonser, ingen sporing av resultatet, ingen grense for filstørrelse utover det nettleseren din kan holde i minnet.
pricingHow 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.
Opprydding i e-postmaler
HTML i markedsførings-e-poster kommer ofte fra ESP-er som én minifisert klump. Forskjønn den for å inspisere strukturen, finne den ødelagte tabellkolonnen og rette en skrivefeil før neste utsending.
Innholdsmigrering til CMS
Å eksportere fra ett CMS og importere til et annet innebærer som regel å flytte HTML. Forskjønning gjør forskjeller lesbare, minifisering reduserer datamengden, og begge modusene bevarer innholdet uendret.
Utdata fra web scraping
Rå HTML hentet fra et nettsted er uleselig uten formatering. Forskjønn resultatet for å finne CSS-selektoren du trenger, og skriv deretter uthentingsregelen for skraperen din.
Optimalisering av statiske nettsteder
Minifiser generert HTML fra den statiske nettstedsgeneratoren din før du publiserer. Kutter 10–30 % av filstørrelsen i tillegg til gzip – en målbar forbedring av første visning på innholdstunge sider.
Dokumentasjonsutsnitt
Når du limer inn HTML-eksempler i dokumentasjon, blogginnlegg eller README-filer, bør du forskjønne dem først slik at leserne kan følge strukturen. Spar den minifiserte versjonen til sammenligningen av «produksjonsutdata».
JSX-refaktoreringshjelper
Før du konverterer en bit HTML til JSX, bør du forskjønne den slik at konverteringsskriptet ser et rent tre. Sparer deg for manuell omformatering i React/Vue-migreringen din.