Minifier HTML

Minify HTML dengan aman: hapus komentar, padatkan spasi, dan buang spasi di sekitar tag blok sambil menjaga pre, textarea, script, dan style tetap utuh.

Input HTML

Keluaran

Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.

Alat Terkait

Lihat Semua

Formatter JSON Validator JSON Formatter XML camelCase snake_case kebab-case PascalCase CONSTANT_CASE

Apa itu Minifier HTML?

Minifier HTML memperkecil HTML dengan transformasi konservatif yang aman bagi tampilan: komentar dihapus, rangkaian spasi menjadi satu spasi, dan spasi di samping tag tingkat blok dibuang. Isi <pre>, <textarea>, <script>, dan <style> dipertahankan byte demi byte.

Cara menggunakan Minifier HTML

Tempel HTML ke kotak input.
Klik Minify (keluaran juga diperbarui saat Anda mengetik).
Periksa baris ukuran untuk melihat berapa yang dihemat.
Salin atau unduh HTML yang sudah di-minify.

Contoh

Masukan

<div>
  <!-- c -->
  <p>Hello   <b>big</b>
 world</p>
  <pre>  a
 b</pre>
</div>

Keluaran

<div><p>Hello <b>big</b> world</p><pre>  a
 b</pre></div>

Kapan menggunakan Minifier HTML

Pakai untuk halaman statis, templat email, atau cuplikan HTML yang tertanam di kode. Penghematannya sederhana dibanding gzip/brotli. Alat ini tidak menghapus tag opsional atau tanda kutip atribut, sehingga keluaran tetap valid dan mudah diprediksi.

Cara kerja Minifier HTML

Tokenizer kecil memecah input menjadi tag, teks, komentar, dan blok teks mentah. Komentar dibuang kecuali komentar kondisional Internet Explorer (<!--[if …]>). Dalam teks, setiap rangkaian spasi menjadi satu spasi; spasi di awal/akhir dihapus jika tetangganya tag tingkat blok seperti div, p, li, atau table, tetapi dipertahankan di antara elemen inline (<b>a</b> <i>b</i>), tempat spasi itu terlihat. Spasi di dalam tag dinormalkan; nilai atribut tidak diubah. JavaScript dan CSS di dalam halaman tidak di-minify – pakai JS atau CSS Minifier untuk itu.