HTML Minifikator i Formatator Online — Besplatno, Bez Slanja

Zalijepite HTML ispod da ga ili minificirate — uklanjajući komentare, suvišne atribute i dodatne razmake — ili uljepšate u čitljiv, uvučen kod. Oba smjera se izvršavaju u potpunosti u vašem pregledniku koristeći pravi HTML parser, a ne trik s regularnim izrazima, pa sadržaj unutar <pre> i <textarea> ostaje netaknut.

Što je ovaj alat?

HTML minifikator uklanja sve što preglednik ne treba za ispravno prikazivanje stranice: komentare, dodatne razmake između oznaka, suvišne atribute poput type="text/javascript" i opcionalne kose crte za zatvaranje. Rezultat je funkcionalno identičan HTML koji se brže preuzima i parsira.

Ovaj alat je izgrađen na html-minifier-terseru, istom minifikatoru koji se koristi unutar popularnih alata za izgradnju, pa razumije HTML strukturu umjesto slijepog uklanjanja razmaka — neće dirati sadržaj osjetljiv na formatiranje unutar <pre>, <textarea> ili unutarnjih <script>/<style> blokova, a također minificira CSS i JS ugrađene u vaš kod.

Zašto ga koristiti?

Pravi parser u pozadini, ne regularni izraz — siguran kod rubnih slučajeva poput <pre> blokova, unutarnjih skripti i uvjetnih komentara.
Minificira i ugrađeni <style> i <script> sadržaj, ne samo okolni kod.
Vidite točno koliko ste bajtova uštedjeli prije objave datoteke.
Način rada za formatiranje pretvara komprimirani, jednolinijski HTML natrag u nešto što čovjek može čitati i uređivati.
100% lokalna obrada — vaš kod, i bilo što privatno u njemu, nikada ne napušta vaš preglednik.

Kako ga koristiti

Zalijepite svoj HTML u polje za unos, ili kliknite "Učitaj primjer" da isprobate uzorak.
Kliknite "Minificiraj" da ga komprimirate, ili "Formatiraj" da ga uljepšate s uvlačenjem od 2 razmaka.
Provjerite poruku ispod okvira — način rada minifikacije prikazuje smanjenje veličine; ako se HTML ne može parsirati, vidjet ćete točnu grešku umjesto neispravnog izlaza.
Kliknite "Kopiraj" da preuzmete rezultat.

Primjer

Ulaz

<!DOCTYPE html>
<html>
  <head>
    <title>Primjer</title>
  </head>
  <body>
    <!-- pozdrav -->
    <p class="greeting">
      Pozdrav, svijete!
    </p>
  </body>
</html>

Izlaz

<!doctype html><html><head><title>Primjer</title></head><body><p class="greeting">Pozdrav, svijete!</p></body></html>

Komentari, uvlačenje i prijelomi redaka su uklonjeni; doctype je skraćen. Vidljiva stranica se prikazuje identično.

Praktični savjeti

Minificirajte neposredno prije objave, a ne tijekom razvoja — držite čitljiv HTML u kontroli verzija i minificirajte samo izlaz izgradnje.
Ako se stranica čudno ponaša nakon minifikacije, provjerite postoji li JavaScript koji se oslanja na točne razmake unutar tekstnih čvorova (rijetko, ali se događa kod nekih starijih widgeta).
Formatiranje minificiranog HTML-a s aktivne stranice brz je način za pregled njezine strukture prije pisanja scrapera ili otklanjanja problema s izgledom.
Kombinirajte s CSS i JS minifikatorima ispod ako vaš proces izgradnje drži stilove i skripte u zasebnim datotekama.

Gdje se ovo uklapa u stvarne radne procese

Statične stranice, e-mail predlošci i odredišne stranice izrađene ručno često se šalju s istim uvlačenjem i komentarima korištenim tijekom razvoja. Minifikacija prije objave smanjuje stvarnu, iako skromnu, količinu težine prijenosa — a posebno za e-mail HTML, broj znakova ponekad utječe na Gmailov prag rezanja, pa manji kod ima funkcionalnu prednost izvan brzine.

Smjer formatiranja jednako je koristan i obrnuto: lijepljenje minificirane stranice iz view-source i njezino preoblikovanje često je najbrži način razumijevanja strukture odredišne stranice konkurencije ili otklanjanja problema s ugrađenim sadržajem treće strane.

→ CSS Minifier · JS Minifier

Uobičajeni slučajevi upotrebe

Uklanjanje bajtova sa statične odredišne stranice ili e-mail predloška prije nego što ode uživo.
Preoblikovanje minificiranog HTML isječka izvučenog iz view-source radi razumijevanja njegove strukture.
Čišćenje HTML-a zalijepljenog iz WYSIWYG uređivača ili CMS izvoza, koji često nosi suvišne razmake.
Brza provjera je li ručno pisan HTML isječak dobro oblikovan, jer se neuspjeh parsiranja pojavljuje kao jasna greška.

Često postavljana pitanja

Šalje li se moj HTML negdje?

Ne. I minifikacija i formatiranje odvijaju se lokalno u vašem pregledniku pomoću JavaScripta. Ništa što zalijepite se ne šalje na poslužitelj, pa je sigurno za korištenje s internim predlošcima ili neobjavljenim stranicama.

Hoće li minifikacija pokvariti moju stranicu?

Ne bi trebala — alat koristi pravi HTML parser (html-minifier-terser) koji razumije strukturu oznaka, pa čuva elemente osjetljive na razmake poput <pre> i <textarea> i neće netočno spajati atribute. Uvijek provjerite ključne stranice nakon minifikacije, posebno ako se oslanjate na neuobičajene unutarnje skripte.

Minificira li i CSS i JavaScript unutar HTML-a?

Da. Unutarnji <style> i <script> blokovi minificiraju se na mjestu koristeći iste mehanizme kao namjenski CSS i JS minifikatori, pa ih ne morate ručno izdvajati.

Koliko se HTML tipično smanji?

Ovisi o tome koliko je razmaka, komentara i formatiranja izvornik imao — ručno pisan HTML s puno uvlačenja i komentara obično se smanji 20-40%. HTML generiran okvirom koji je već kompaktan uštedjet će manje.

Mogu li vratiti minificirani HTML natrag u čitljiv format?

Da — zalijepite minificirani HTML i kliknite "Formatiraj" umjesto "Minificiraj" da dobijete pravilno uvučen, čitljiv kod.

HTML Minifikator i Formatator