Minifier HTML

Tempelkan halaman Anda dan dapatkan kembali dengan spasi yang dipadatkan, komentar yang dihapus, dan — jika Anda mau — blok <style> dan <script> sebaris ikut diperkecil. Berguna untuk templat email, halaman statis, widget tersemat, dan HTML apa pun yang akan Anda tempelkan ke kolom CMS yang menagih berdasarkan ukuran byte.

Cara menggunakannya

1. Tempelkan HTML Anda ke kotak masukan, atau unggah file .html.
2. Atur pengaturannya:
   • Padatkan spasi — penghematan utamanya.
   • Hapus komentar HTML — komentar bersyarat selalu dipertahankan.
   • Hapus tanda kutip di sekitar atribut jika memungkinkan — class="card" menjadi class=card jika itu aman.
   • Perkecil CSS di blok <style> dan atribut style="…".
   • Perkecil JavaScript di blok <script>.
3. Salin hasilnya atau unduh sebagai file .html.

Apa yang tidak akan pernah dirusak

Memperkecil HTML secara naif akan merusak halaman, jadi alat ini dibangun di sekitar sejumlah jaminan:

• <pre> dan <textarea> tidak diubah sama sekali, byte demi byte. Spasi di dalamnya adalah konten yang dirender — memadatkannya akan mengubah tampilan halaman secara nyata. Seni ASCII dan contoh kode Anda akan keluar persis seperti saat dimasukkan.
• Isi <script> dan <style> tidak pernah dipadatkan spasinya oleh proses HTML. Isinya diserahkan ke pengecil JavaScript atau CSS yang sesungguhnya — yang memahami literal string, ekspresi reguler, dan string yang menyerupai komentar — atau dibiarkan apa adanya. <script type="application/json"> atau text/x-template selalu dibiarkan utuh.
• Komentar bersyarat dipertahankan. <!--[if lt IE 9]> … <![endif]--> adalah markup, bukan catatan, dan menghapusnya akan menghilangkan tag script yang sebenarnya.
• Spasi sebaris dipertahankan. <span>a</span> <span>b</span> dirender dengan spasi di antara kedua kata, sedangkan <span>a</span><span>b</span> tidak. Alat ini mengenali elemen sebaris, sehingga hanya membuang spasi di antara elemen blok ketika spasi itu tidak terlihat.
• Garis miring penutup hanya dihapus dari elemen void. <br/> menjadi <br>, tetapi <path/> pada SVG tetap mempertahankan garis miringnya — menghapusnya akan membuat elemen tidak tertutup dan menelan sisa grafik Anda.

Kapan aman menghapus tanda kutip pada atribut?

Ketika nilainya kosong, berisi spasi, tanda kutip, backtick, =, < atau > — atau diakhiri dengan /. Yang terakhir ini sering menjebak: href=/a/ tepat sebelum > akan diurai sebagai garis miring penutup mandiri, sehingga URL terpotong. Alat ini memeriksa semuanya dan mempertahankan tanda kutip jika ragu.

Seberapa kecil HTML menjadi?

Biasanya 10–25% pada markup yang ditulis tangan, lebih banyak pada keluaran templat dengan indentasi yang dalam. Mengaktifkan opsi CSS dan JS sangat membantu pada halaman dengan blok sebaris yang besar. Seperti biasa, gzip/brotli di server memberikan hasil yang lebih besar daripada minifikasi — gunakan keduanya.

Apakah ini menghapus entitas seperti &?

Tidak. Mengubah & menjadi & mentah memerlukan pengetahuan apakah hasilnya masih valid di posisi tersebut; jika salah, markup akan rusak demi menghemat beberapa byte. Entitas dibiarkan persis seperti yang Anda tulis.

Apakah ini memperbaiki HTML yang rusak?

Tidak — ini adalah minifier, bukan sanitizer atau pemformat. Tag yang tidak ditutup tetap tidak ditutup. Jalankan keluaran melalui validator jika Anda ragu tentang sumbernya.

Apakah HTML saya diunggah ke suatu tempat?

Tidak. Minifier berjalan sepenuhnya di browser Anda. Markup Anda tidak pernah dikirim ke server, dicatat, atau disimpan, dan mengunggah file dibaca secara lokal di halaman. Alat ini juga berfungsi secara offline.