HTML Kaunista ja Minify – Muotoile HTML ilmaiseksi verkossa

Kaunista sotkuista HTML:ää oikealla sisennyksellä tai minimoi yhdeksi riviksi. Pudota .html-tiedosto tai liitä se, kopioi tai lataa puhdistettu merkintä.

Syöte HTML

Tai pudota .html-tiedosto

Muotoiltu tuloste

Tietoa HTML Prettifysta
Js-beautify toimii kokonaan selaimessasi. Prettify-tila muokkaa tagit omiin riveihinsä johdonmukaisella sisennyksellä; Minify-tila poistaa kommentit ja kaventaa valkoista tilaa pienimmälle hyötykuormalle.
Jatka kuvien parantamista
Vie valokuvien muokkaus uudelle tasolle näillä suosituilla työkaluilla
📝
Lisää tekstiä kuvaan
Kuvatekstien ja otsikoiden lisääminen parannettuun kuvaan
🖼️
Lisää valokuvan reunus
Rajaa tehosteesi kauniilla reunuksilla
🗜️
Pakkaa kuva
Optimoi parannettu kuva jakamista varten
📐
Muuta kuvan kokoa
Muuta kuvan mittoja
Tutustu kaikkiin valokuvatyökaluihin
Frequently Asked Questions
Liitä mikä tahansa HTML — jopa yksirivinen minifoitu tulos rakennusputkesta — ja työkalu alustaa sen uudelleen oikealla sisennyksellä, yhdellä tagilla per rivi ja tasainen tyhjä väli. Valitse 2, 4 tai 8 välilyönnin sisennys. Tuloste on valmis pudottaviksi editoriin tai liittää koodin tarkistuskommenttiin.
usage
Prettify laajentaa HTML:ää luettavuuden vuoksi: jokainen tagi omalla rivillään, sisäkkäiset lapset sisennettyinä, tyhjät rivit säilytetään osioiden välissä. Minify poistaa kommentit, tiivistää valkoisia tiloja ja poistaa rivinvaihdot, jotta tiedosto toimitetaan vähemmillä tavuilla. Käytä Prettifyta editointiin ja tarkasteluun, minifiä tuotantokäyttöön.
features
Ei — js-beautify (moottori konepellin alla) tunnistaa skripti- ja tyylilohkot ja muotoilee niiden sisällön asianmukaisilla JS- tai CSS-säännöillä, jotta inline-skriptit pysyvät voimassa ja tyylilomakkeet luettavina. Itsestään sulkeutuvat tunnisteet, void-elementit ja nimivälilliset attribuutit (svg:xmlns, xlink:href) käsitellään kaikki oikein.
technical
Se käsittelee tavallisia HTML- ja HTML-tyyppisiä malleja hyvin, mutta puhdas JSX (curly-brace -lausekkeet, fragmentit, isolla merkityt komponenttitunnisteet) jäsennellään HTML:ksi ja saattaa havaita pieniä kosmeettisia ongelmia. Kehyskohtaista koodia varten suosittelemme Prettier-konfiguroitua dialektillesi; raaka-HTML-, .htm- ja mallipohjatiedostoille työkalumme on täydellinen.
features
Latausta ei tapahdu. Muotoilulaite toimii kokonaan selaimessasi js-beautifyn avulla, joten voit turvallisesti liittää sisäisiä sivupohjia, luonnossähköposteja tai HTML:ää, joka sisältää yksityisiä tietoja, ilman, että mitään poistuu laitteestasi.
privacy
Minify poistaa HTML-kommentit, tiivistää kaikki tyhjät tilat tagien välillä yhdeksi välilyönniksi ja poistaa rivinvaihdot. Tuloksena on tavu-identtinen renderöinti HTML, joka on tyypillisesti 10–30 % pienempi. Yhdistettynä palvelimen gzipiin tämä pienentää alkuperäistä sivun painoa huomattavasti sisältöpainotteisilla sivuilla.
technical
Kyllä — klikkaa Lataa tallentaaksesi kaunistetun ulostulon output.html tai pienennetyn ulostulon output.min.html. Tiedosto on UTF-8-koodattu, joten se toimii yhtä hyvin englannin, kyrillisin, CJK:n ja oikealta vasemmalle -sisällön kanssa.
tips
Se on pieni, pelkästään selaimelle tarkoitettu apuohjelma — ilman hosting-kustannuksia — joten toimitamme sen ilmaiseksi osana kehittäjätyökalupakkiamme. Ei mainoksia, ei seurantaa tulosteessa, ei tiedostokoon rajoituksia yli sen, mitä selain pystyy säilyttämään muistissa.
pricing
Use Cases
Sähköpostipohjan puhdistus
Markkinointisähköpostin HTML saapuu usein ESP-laitteista yhtenä minimioituna möykkynä. Kaunista se tarkastaaksesi rakenteen, löytääksesi rikkinäisen pöytäpylvään ja korjataksesi kirjoitusvirheen ennen seuraavan viestin lähettämistä.
marketing
CMS-sisällön siirto
Yhdestä CMS:stä vienti ja toiseen tuonti vaatii yleensä HTML:n siirtämistä. Prettify tekee diffit luettaviksi, minify pienentää hyötykuormaa ja molemmat tilat säilyttävät sisällön tarkkuuden.
development
Verkkokaapun tulos
Raaka HTML, joka on kaapattu verkkosivustolta, on lukukelvoton ilman muotoilua. Kaunista tulosta löytääksesi tarvitsemasi CSS-valitsimen ja kirjoita sitten kaapimen uuttosääntö.
data
Staattinen sivuston optimointi
Minify generoi HTML:ää staattisesta sivustogeneraattoristasi ennen käyttöönottoa. Se vähentää tiedostokokoa 10–30 % gzipin päällä — mitattava parannus verrattuna ensimmäisiin maalauksiin sisällöllisillä sivuilla.
performance
Dokumentaatiokatkelmat
Kun liimaat HTML-esimerkkejä dokumentaatioihin, blogikirjoituksiin tai README-tiedostoihin, kaunista ensin, jotta lukijat voivat seurata rakennetta. Säästä minimoitu versio "tuotantotuotoksen" vertailua varten.
documentation
JSX Refaktorointiapuri
Ennen kuin muunnat osan HTML:stä JSX:ksi, kaunista se niin, että muunnosskripti näkee puhtaan puun. Säästää manuaalisen uudelleenmuotoilun React/Vue-migraatiossasi.
development