HTML Prebellify & Minify - Formata HTML Online Gratis

Abbellisci un HTML disordinato con la corretta rientrazione, oppure minimizza su una riga. Inserisci un file .html o incollalo, poi copia o scarica il markup pulito.

Input HTML

oppure lascia un file .html

Output formattato

Informazioni su HTML Prettify
Alimentato da js-beautify, gira interamente nel tuo browser. La modalità Prettify riformatta i tag sulle loro linee con incavazioni costanti; La modalità Minify elimina i commenti e comprime lo spazio bianco per il payload più piccolo.
Continua a migliorare le tue immagini
Porta il tuo fotoritocco a un livello superiore con questi strumenti popolari
📝
Aggiungi testo all'immagine
Aggiungi didascalie e titoli alla tua foto migliorata
🖼️
Aggiungi bordo foto
Incornicia il tuo effetto con bellissimi bordi
🗜️
Comprimi immagine
Ottimizza l'immagine migliorata per la condivisione
📐
Ridimensiona immagine
Modificare le dimensioni dell'immagine
Esplora tutti gli strumenti fotografici
Frequently Asked Questions
Incolla qualsiasi HTML — anche un output minificato a una riga da una pipeline di compilazione — e lo strumento lo riformatta con una corretta intruzione, un tag per riga e spazi bianchi coerenti. Scegli un indennamento a 2, 4 o 8 spazi. Il risultato è pronto per essere inserito nel tuo editor o incollato in un commento di revisione del codice.
usage
Prettify espande l'HTML per la leggibilità: ogni tag su una riga a sé stante, figli annidati inentrati, linee vuote conservate tra le sezioni. Minify elimina i commenti, comprime le run di spazi bianchi e rimuove le interruzioni di linea così il file viene distribuito in meno byte. Usa Pretify per la modifica e la revisione, Minify per la distribuzione in produzione.
features
No — js-beautify (il motore sotto il cofano) rileva blocchi di script e stile e formatta i loro contenuti con le regole JS o CSS appropriate, così gli script inline rimangono validi e i fogli di stile leggibili. I tag auto-chiusivi, gli elementi void e gli attributi namespaced (svg:xmlns, xlink:href) sono tutti gestiti correttamente.
technical
Gestisce bene HTML semplice e template simili a HTML, ma il JSX puro (espressioni a bracce, frammenti, tag component maiuscoli) è analizzato come HTML e può rilevare piccoli problemi estetici. Per il codice specifico del framework consigliamo Prettier configurato per il tuo dialetto; per file grezzi HTML, .htm e template il nostro strumento è perfetto.
features
Non avviene alcun upload. Il formator gira interamente nel tuo browser con js-beautify, così puoi incollare in sicurezza modelli di pagina interni, bozze email o HTML contenenti dati privati senza che nulla esca dal dispositivo.
privacy
Minify elimina i commenti HTML, comprime qualsiasi sequenza di spazi bianchi tra i tag in un unico spazio e rimuove i sparimenti di linea. Il risultato è un HTML con rendering identico a byte, tipicamente più piccolo dal 10 al 30%. Combinato con gzip sul server, questo riduce notevolmente il peso iniziale delle pagine su pagine ricche di contenuti.
technical
Sì — clicca su Download per salvare l'output abbellito come output.html o quello minificato come output.min.html. Il file è codificato UTF-8, quindi funziona altrettanto bene con contenuti in inglese, cirillico, CJK e da destra a sinistra.
tips
È una piccola utility solo per browser — senza costi di hosting — quindi la sforniamo gratuitamente come parte del nostro toolkit per sviluppatori. Niente pubblicità, nessun tracciamento dell'output, nessun limite di dimensione del file oltre a ciò che il browser può contenere in memoria.
pricing
Use Cases
Pulizia del modello email
L'HTML delle email di marketing spesso arriva dagli ESP come un unico blob minificato. Abbellila per ispezionare la struttura, trovare quella colonna del tavolo rotta e correggere un errore di battitura prima di inviare la prossima esplosione d'azione.
marketing
Migrazione dei contenuti CMS
Esportare da un CMS e importarlo in un altro di solito comporta lo spostamento di HTML. Prettify rende i diff leggibili, minify riduce il payload e entrambe le modalità preservano la fedeltà dei contenuti.
development
Web Scraping Output
L'HTML grezzo, estratto da un sito web, è illeggibile senza formattazione. Abbellisci l'output per trovare il selettore CSS di cui hai bisogno, poi scrivi la regola di estrazione per il tuo scraper.
data
Ottimizzazione statica del sito
Minify ha generato HTML dal generatore di siti statici prima di distribuirlo. Risparmia dal 10 al 30% sulla dimensione del file rispetto a gzip — un miglioramento misurabile rispetto ai tempi di prima pittura su pagine ricche di contenuto.
performance
Estratti di documentazione
Quando incolli esempi HTML in documenti, post di blog o file README, abbellisci prima così i lettori possono seguire la struttura. Salva la versione minificata per il confronto con la "produzione di produzione".
documentation
JSX Refactoring Helper
Prima di convertire un blocco di HTML in JSX, abbelliscilo in modo che lo script di conversione veda un albero pulito. Risparmia la riformattazione manuale nella migrazione React/Vue.
development