Kompresor HTML

Tempel kode HTML Anda di bawah ini untuk mengompres dan meminimalkannya.

HTML Asli

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Example HTML</title>
    <style type="text/css">
      /* This is a sample CSS comment */
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 20px;
        background-color: #f4f4f4;
      }
      .container {
        max-width: 800px;
        margin: 0 auto;
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
    </style>
  </head>
  <body>
    <div class="container">
      
      <h1>HTML Compression Example</h1>
      <p>This is a sample HTML document to demonstrate the HTML compressor.</p>
      <ul>
        <li>Removes comments</li>
        <li>Collapses whitespace</li>
        <li>Removes optional tags</li>
      </ul>
      <button onclick="showMessage()" type="button">Click Me</button>
    </div>

HTML Terkompresi

Opsi Kompresi

Hapus komentar HTMLHapus tag HTML opsionalHapus atribut kosongHapus spasi yang tidak perluSingkat atribut booleanMinifikasi CSS dalam tag <style> dan atribut style (eksperimental)Minifikasi JavaScript dalam tag <script> (eksperimental)

Cara menggunakan Kompresor HTML

1
Tempel HTML Anda
Salin sumber halaman atau cuplikan HTML Anda ke dalam kotak Original HTML.
2
Pilih apa yang dibuang
Centang opsi kompresi yang Anda inginkan, seperti menghapus komentar, menggabungkan whitespace, membuang atribut kosong, atau memperkecil CSS dan JavaScript inline.
3
Kompres kodenya
Klik Compress HTML untuk memperkecil markup dan melihat ukuran asli, ukuran terkompresi, dan persentase yang dihemat.

4
Salin HTML yang diperkecil
Gunakan Copy Compressed HTML untuk mengambil kode yang dioptimalkan untuk situs Anda atau alur kerja build.

Pertanyaan yang sering diajukan

Apa saja yang dihapus oleh kompresor HTML?

Tergantung opsi yang Anda aktifkan, alat ini menghapus komentar HTML, menggabungkan whitespace dan baris baru yang tidak perlu, menghapus atribut kosong dan opsional, menggabungkan atribut boolean, dan dapat membuang tag penutup opsional untuk memperkecil ukuran file.

Bisakah alat ini juga memperkecil CSS dan JavaScript inline?

Ya. Ada opsi eksperimental untuk memperkecil CSS di dalam tag <style> dan atribut style, serta memperkecil JavaScript di dalam tag <script>, sehingga Anda dapat mengompres seluruh halaman dalam satu lintasan.

Seberapa kecil file saya akan menjadi?

Itu tergantung seberapa banyak whitespace dan komentar yang dimuat markup Anda, tetapi alat ini menampilkan ukuran asli, ukuran terkompresi, dan persentase pengurangan yang tepat sehingga Anda dapat melihat byte yang dihemat untuk file spesifik Anda.

Apakah memperkecil akan merusak halaman saya?

Penghapusan whitespace dan komentar standar aman untuk HTML yang terbentuk dengan baik. Opsi minifikasi CSS dan JS ditandai eksperimental, jadi bijak untuk menguji outputnya, terutama jika skrip Anda bergantung pada format atau komentar tertentu.

Apakah HTML saya diunggah ke server?

Tidak. Kompresi berjalan sepenuhnya di browser Anda, sehingga kode Anda tetap di perangkat Anda. Alat ini gratis, tidak memerlukan pendaftaran, dan bekerja di perangkat seluler.

Alat terkait

Lanjutkan dengan alat praktis ini

Konverter HTML ke Teks

Pemformat JSON

Konverter Teks ke HTML

Generator Daftar HTML

Generator Tabel HTML

Penguji Regex