Pengecil HTML

Tentang Alat Ini

Jadi, Anda punya file HTML. Mungkin berisi ratusan baris. Mungkin juga berantakan dengan spasi, jeda baris, dan komentar yang lupa dibersihkan. Tapi, tetap berfungsi—lumayan. Namun, setiap byte tambahan itu penting saat Anda ingin memuat halaman lebih cepat, terutama di koneksi yang lebih lambat. Inilah kenapa minifier HTML hadir. Ini bukan ajaib. Ini hanya alat yang menghapus hal-hal yang tidak perlu: spasi tambahan, komentar, atribut berulang, bahkan tag penutup opsional—apa pun yang tidak memengaruhi cara browser merender halaman. Hasilnya? File yang lebih kecil dan memuat lebih cepat. Sederhana saja. Saya sudah menggunakan banyak alat semacam ini selama bertahun-tahun. Beberapa terlalu rumit. Yang lain merusak kode Anda. Yang ini? Ini hanya melakukan apa yang seharusnya dilakukan. Tidak bertele-tele. Tidak ada iklan. Tidak ada "fitur premium" yang tidak akan pernah Anda gunakan.

Fitur Utama

• Menghapus spasi, tab, dan jeda baris tambahan—tanpa merusak tata letak Anda.
• Menghapus komentar HTML (kecuali Anda meminta agar beberapa di antaranya tetap dipertahankan).
• Memperpendek atribut boolean—mengubah disabled="disabled" menjadi hanya disabled.
• Menyatukan tag berulang yang aman (seperti
atau
opsional).
• Mempertahankan konten di dalam

  , </code>, dan blok skrip/gaya—sehingga cuplikan kode Anda tetap utuh.</li> <li>Berjalan di browser. Tidak perlu unggah file. Tidak butuh server. File Anda tidak pernah keluar dari perangkat Anda.</li> <li>Cepat. Bahkan untuk file besar, hanya memakan waktu satu atau dua detik.</li></ul><h2>FAQ</h2><p><strong>Apakah ini akan merusak situs web saya?</strong><br>Tidak jika HTML Anda valid. Minifier ini mengikuti aturan standar dan menghindari perubahan agresif yang bisa mengganggu rendering. Meski demikian, selalu uji hasilnya—terutama jika Anda menggunakan gaya inline aneh atau markup tidak konvensional.</p><p><strong>Bisakah saya membatalkan proses minifikasi?</strong><br>Tidak bisa. Setelah diminfikasi, format aslinya hilang. Itulah kenapa Anda harus menyimpan cadangan file sumber Anda. Minifikasi dimaksudkan untuk produksi, bukan pengembangan.</p> </div> <!-- Ad Banner After Content --> <!-- Social Share --> <div class="social-share text-center mt-5" style="padding-top: 30px; border-top: 1px solid #e2e8f0;"> <div class="share-icons relative gap-2 d-flex justify-content-center" style="gap: 12px;"> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F34tools.site%2Fid%2Fpengecil-html" target="_blank" class="btn btn-primary btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2F34tools.site%2Fid%2Fpengecil-html&text=Pengecil+HTML" target="_blank" class="btn btn-info btn-icon-only rounded-circle text-white" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-twitter"></i></a> <a href="https://wa.me/?text=Pengecil+HTML+http%3A%2F%2F34tools.site%2Fid%2Fpengecil-html" target="_blank" class="btn btn-success btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-whatsapp"></i></a> </div> </div> </div> </section> </div> </div></div><footer class="footer bg-white pt-5 pb-3 mt-5 border-top"> <div class="container"> <!-- Footer Ad --> <div class="row gx-4"> <!-- About Column --> <div class="col-lg-3 col-md-6 mb-4"> <h5 class="fw-bold mb-3">Alat Online Gratis yang Benar-benar Bekerja: Mendalami Situs 34tooL</h5> <p class="text-muted small">Situs 34tooL menawarkan alat online gratis, termasuk alat SEO, alat gambar, utilitas teks, kalkulator, dan alat web untuk penggunaan yang cepat dan mudah.</p> <div class="social-links mt-3"> <a href="#" class="text-muted me-3" aria-label="Facebook"><i class="fab fa-facebook fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Twitter"><i class="fab fa-twitter fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Instagram"><i class="fab fa-instagram fa-lg"></i></a> </div> </div> <!-- Tools Category Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Kategori Alat</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/id/category/alat-teks" class="text-muted text-decoration-none"> Alat Teks </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/category/alat-youtube" class="text-muted text-decoration-none"> Alat YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/category/alat-seo" class="text-muted text-decoration-none"> Alat SEO </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/category/domain-ip-tools" class="text-muted text-decoration-none"> Domain & IP Tools </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/category/alat-manajemen-situs-web" class="text-muted text-decoration-none"> Alat Manajemen Situs Web </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/category/alat-pengembangan-web" class="text-muted text-decoration-none"> Alat Pengembangan Web </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/category/alat-edit-gambar" class="text-muted text-decoration-none"> Alat Edit Gambar </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/category/kalkulator-online" class="text-muted text-decoration-none"> Kalkulator Online </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/category/alat-konversi-biner" class="text-muted text-decoration-none"> Alat Konversi Biner </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/category/alat-konversi-satuan" class="text-muted text-decoration-none"> Alat Konversi Satuan </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/category/alat-lain-lain" class="text-muted text-decoration-none"> Alat Lain-lain </a> </li> </ul> </div> <!-- Legal Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Hukum</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/id/page/tentang-kami" class="text-muted text-decoration-none"> Tentang Kami </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/page/hubungi-kami" class="text-muted text-decoration-none"> Hubungi Kami </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/page/penafian" class="text-muted text-decoration-none"> Penafian </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/page/kebijakan-privasi" class="text-muted text-decoration-none"> Kebijakan Privasi </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/page/ketentuan-layanan" class="text-muted text-decoration-none"> Ketentuan Layanan </a> </li> <!-- Static Contact Link --> <li class="mb-2"> <a href="https://34tools.site/id/contact" class="text-muted text-decoration-none"> Hubungi Kami </a> </li> </ul> </div> <!-- Our YouTube Tools Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Alat YouTube Kami</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/id/kalkulator-uang-youtube" class="text-muted text-decoration-none"> Kalkulator Uang YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/pembuat-judul-youtube" class="text-muted text-decoration-none"> Pembuat Judul YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/downloader-spanduk-saluran-youtube" class="text-muted text-decoration-none"> Downloader Spanduk Saluran YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/ekstraktor-judul-youtube" class="text-muted text-decoration-none"> Ekstraktor Judul YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/generator-kode-semat-youtube" class="text-muted text-decoration-none"> Generator Kode Semat YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/pemeriksa-pembatasan-wilayah-youtube" class="text-muted text-decoration-none"> Pemeriksa Pembatasan Wilayah YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/generator-tautan-langganan-youtube" class="text-muted text-decoration-none"> Generator Tautan Langganan YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/pemilih-komentar-youtube" class="text-muted text-decoration-none"> Pemilih Komentar YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/pemeriksa-panjang-judul-youtube" class="text-muted text-decoration-none"> Pemeriksa Panjang Judul YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/youtube-thumbnail-downloader" class="text-muted text-decoration-none"> YouTube Thumbnail Downloader </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/generator-deskripsi-youtube" class="text-muted text-decoration-none"> Generator Deskripsi YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/ekstraktor-hashtag-youtube" class="text-muted text-decoration-none"> Ekstraktor Hashtag YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/pembuat-tag-youtube" class="text-muted text-decoration-none"> Pembuat Tag YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/kalkulator-rasio-tontonan-youtube" class="text-muted text-decoration-none"> Kalkulator Rasio Tontonan YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/ekstraktor-tag-youtube" class="text-muted text-decoration-none"> Ekstraktor Tag YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/statistik-saluran-youtube" class="text-muted text-decoration-none"> Statistik Saluran YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/ekstraktor-deskripsi-youtube" class="text-muted text-decoration-none"> Ekstraktor Deskripsi YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/generator-tautan-stempel-waktu-youtube" class="text-muted text-decoration-none"> Generator Tautan Stempel Waktu YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/pencari-saluran-youtube" class="text-muted text-decoration-none"> Pencari Saluran YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/ekstraktor-id-saluran-youtube" class="text-muted text-decoration-none"> Ekstraktor ID Saluran YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/pemeriksa-jumlah-video-youtube" class="text-muted text-decoration-none"> Pemeriksa Jumlah Video YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/youtube-channel-logo-downloader" class="text-muted text-decoration-none"> YouTube Channel Logo Downloader </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/pembuat-hashtag-youtube" class="text-muted text-decoration-none"> Pembuat Hashtag YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/pemeriksa-usia-saluran-youtube" class="text-muted text-decoration-none"> Pemeriksa Usia Saluran YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/statistik-video-youtube" class="text-muted text-decoration-none"> Statistik Video YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/id/pengkapitalisasi-judul-video-youtube" class="text-muted text-decoration-none"> Pengkapitalisasi Judul Video YouTube </a> </li> </ul> </div> <!-- Newsletter Column --> <div class="col-lg-3 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Buletin</h6> <p class="small text-muted">Berlangganan nawala kami untuk mendapatkan pembaruan.</p> <form id="newsletterForm" class="mt-2" onsubmit="return handleSubscribe(event)"> <div class="input-group"> <input type="email" id="subEmail" class="form-control form-control-sm" placeholder="Your email" required> <button class="btn btn-primary btn-sm" type="submit" id="subBtn">Berlangganan</button> </div> <small class="text-success d-none mt-2 d-block" id="subMsg"></small> </form> </div> </div> <hr class="my-4"> <div class="row align-items-center"> <div class="col-md-6 text-center text-md-start"> <p class="small text-muted mb-0">© 2026 Alat Online Gratis yang Benar-benar Bekerja: Mendalami Situs 34tooL. Semua hak dilindungi.</p> </div> </div> </div></footer><!-- Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  <!-- Custom JS -->
  <script src="https://34tools.site/assets/js/main.js"></script>
  <script>
      function handleSubscribe(e) {
          e.preventDefault();
          const email = document.getElementById('subEmail').value;
          const btn = document.getElementById('subBtn');
          const msg = document.getElementById('subMsg');
          
          btn.disabled = true;
          btn.innerHTML = '...';
          
          const formData = new FormData();
          formData.append('email', email);
          
          fetch('https://34tools.site/ajax/subscribe.php', {
              method: 'POST',
              body: formData
          })
          .then(response => response.json())
          .then(data => {
              btn.disabled = false;
              btn.innerHTML = 'Subscribe';
              msg.textContent = data.message;
              msg.classList.remove('d-none');
              
              if (data.success) {
                  msg.classList.remove('text-danger');
                  msg.classList.add('text-success');
                  document.getElementById('subEmail').value = '';
              } else {
                  msg.classList.remove('text-success');
                  msg.classList.add('text-danger');
              }
          })
          .catch(err => {
              btn.disabled = false;
              btn.innerHTML = 'Subscribe';
              msg.textContent = 'Something went wrong.';
              msg.classList.remove('d-none');
          });
      }
  
      // Simple search filter with error checking
      const searchBox = document.getElementById('toolSearch');
      if (searchBox) {
          searchBox.addEventListener('keyup', function() {
              let filter = this.value.toLowerCase();
              let tools = document.querySelectorAll('.tool-card');
              
              tools.forEach(tool => {
                  let titleElement = tool.querySelector('.tool-title span');
                  if (titleElement) {
                      let title = titleElement.innerText.toLowerCase();
                      let container = tool.closest('.col-12, .col-sm-6, .col-md-4, .col-lg-3');
                      if (container) {
                          container.style.display = title.includes(filter) ? '' : 'none';
                      }
                  }
              });
          });
      }
  
      // --- GLOBAL TABLE OVERFLOW FIX ---
      document.addEventListener('DOMContentLoaded', function() {
          // Wrap any table found in content areas with table-responsive for mobile safety
          const contentAreas = document.querySelectorAll('.prose, .article-content, .page-content, .tool-preview-content');
          contentAreas.forEach(function(area) {
              const tables = area.querySelectorAll('table');
              tables.forEach(function(table) {
                  if (!table.parentElement.classList.contains('table-responsive')) {
                      const wrapper = document.createElement('div');
                      wrapper.className = 'table-responsive mb-4';
                      table.parentNode.insertBefore(wrapper, table);
                      wrapper.appendChild(table);
                  }
              });
          });
      });
  </script>
  <!-- Cookie Consent Banner --><div id="cookie-consent" class="fixed-bottom p-4 bg-white border-top shadow-lg" style="display: none; z-index: 9999;"> <div class="container d-flex flex-column flex-md-row justify-content-between align-items-center"> <div class="mb-3 mb-md-0 text-muted small"> Kami menggunakan cookie untuk meningkatkan pengalaman Anda dan untuk personalisasi iklan. Dengan melanjutkan penggunaan situs ini, Anda menyetujui <a href="/page/privacy-policy" class="text-primary text-decoration-none">Kebijakan Privasi</a> kami. </div> <div> <button id="accept-cookies" class="btn btn-primary btn-sm px-4 rounded-pill">Terima</button> </div> </div></div><script>
  document.addEventListener('DOMContentLoaded', function() {
      // --- COOKIE CONSENT ---
      if (!localStorage.getItem('cookie_consent')) {
          setTimeout(function() {
              const consent = document.getElementById('cookie-consent');
              if (consent) consent.style.display = 'block';
          }, 2000);
      }
      
      document.getElementById('accept-cookies')?.addEventListener('click', function() {
          localStorage.setItem('cookie_consent', 'true');
          const consent = document.getElementById('cookie-consent');
          if (consent) consent.style.display = 'none';
      });
  
      // --- SERVICE WORKER REGISTRATION (PUSH NOTIFICATIONS) ---
      if ('serviceWorker' in navigator) {
          navigator.serviceWorker.register('https://34tools.site/sw.js')
          .then(function(registration) {
              console.log('SW registered:', registration.scope);
          })
          .catch(function(err) {
              console.log('SW failed:', err);
          });
      }
  });
  </script></body></html>