HTML Minifier

Bu Aracın Hakkında

Yani, bir HTML dosyanız var. Belki birkaç yüz satır uzunluğunda. Belki de temizlemeyi unuttuğunuz boşluklar, satır sonları ve yorumlarla dolu. Çalışıyor—iyi. Ancak daha hızlı sayfa yüklemeye çalışırken, özellikle yavaş bağlantılar üzerinde her fazladan bayt önemli olur. İşte bu noktada bir HTML küçültücü devreye girer. Bu bir sihir değil. Sadece gereksiz şeyleri kaldıran bir araç: fazladan boşluklar, yorumlar, gereksiz özellikler, hatta tarayıcının sayfayı işleme şeklini etkilemeyen isteğe bağlı kapanış etiketleri gibi. Sonuç ne? Daha hızlı yüklenen daha küçük bir dosya. Bu kadar basit. Yıllar boyunca bu tür araçların birçoğunu kullandım. Bazıları aşırı mühendislik yapılmış. Diğerleri kodunuzu bozuyor. Bu araç? Sadece yapması gerektiği işi yapıyor. Gereksiz şeyler yok. Reklam yok. Asla kullanmayacağınız "premium özellikler" yok.

Önemli Özellikler

• Düzeninizi bozmadan fazladan boşlukları, sekmeleri ve satır sonlarını kaldırır.
• HTML yorumlarını kaldırır (bazılarını saklamanızı söylemediğiniz sürece).
• Mantıksal özellikleri kısaltır—disabled="disabled" yerine sadece disabled yapar.
• Güvenli olduğu yerlerde gereksiz etiketleri daraltır (örneğin isteğe bağlı
veya
).

• , </code> ve script/style bloklarındaki içeriği korur—böylece kod parçacıklarınız bozulmadan kalır.</li> <li>Tarayıcıda çalışır. Yükleme yapmanıza gerek yok. Sunucuya ihtiyaç duymaz. Dosyalarınız asla makinenizden ayrılmaz.</li> <li>Hızlı. Büyük dosyalarda bile bir ya da iki saniye içinde işlemi tamamlar.</li></ul><h2>Sıkça Sorulan Sorular</h2><p><strong>Bu, web sitemi bozacak mı?</strong><br>Geçerli HTML'niz varsa hayır. Küçültücü standart kurallara uyar ve işlemeyi bozabilecek agresif değişikliklerden kaçınır. Bununla birlikte, her zaman çıktıyı test etmelisiniz—özellikle tuhaf satır içi stiller veya alışılmadık işaretlemeler kullanıyorsanız.</p><p><strong>Küçültme işlemini geri alabilir miyim?</strong><br>Hayır. Bir kez küçültüldüğünde, orijinal biçimlendirme gider. Bu yüzden kaynak dosyanızın bir yedeğini saklamalısınız. Küçültme, geliştirme için değil, üretim için yapılır.</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%2Ftr%2Fhtml-minifier" 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%2Ftr%2Fhtml-minifier&text=HTML+Minifier" 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=HTML+Minifier+http%3A%2F%2F34tools.site%2Ftr%2Fhtml-minifier" 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">Gerçekten Çalışan Ücretsiz Çevrimiçi Araçlar: 34tooL Sitesine Derinlemesine Bakış</h5> <p class="text-muted small">34tooL Site, hızlı ve kolay kullanım için SEO araçları, resim araçları, metin yardımcı programları, hesap makinesi ve web araçlarını içeren ücretsiz çevrimiçi araçlar sunar.</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">Araçlar Kategorisi</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/tr/category/metin-ara%C3%A7lar%C4%B1" class="text-muted text-decoration-none"> Metin Araçları </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/category/youtube-ara%C3%A7lar%C4%B1" class="text-muted text-decoration-none"> YouTube Araçları </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/category/seo-ara%C3%A7lar%C4%B1" class="text-muted text-decoration-none"> SEO Araçları </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/category/alan-ad%C4%B1-ve-ip-ara%C3%A7lar%C4%B1" class="text-muted text-decoration-none"> Alan Adı ve IP Araçları </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/category/web-sitesi-y%C3%B6netim-ara%C3%A7lar%C4%B1" class="text-muted text-decoration-none"> Web Sitesi Yönetim Araçları </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/category/web-geli%C5%9Ftirme-ara%C3%A7lar%C4%B1" class="text-muted text-decoration-none"> Web Geliştirme Araçları </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/category/resim-d%C3%BCzenleme-ara%C3%A7lar%C4%B1" class="text-muted text-decoration-none"> Resim Düzenleme Araçları </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/category/%C3%A7evrimi%C3%A7i-hesap-makineleri" class="text-muted text-decoration-none"> Çevrimiçi Hesap Makineleri </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/category/i%CC%87kili-binary-d%C3%B6n%C3%BC%C5%9Ft%C3%BCr%C3%BCc%C3%BC-ara%C3%A7lar%C4%B1" class="text-muted text-decoration-none"> İkili (Binary) Dönüştürücü Araçları </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/category/birim-d%C3%B6n%C3%BC%C5%9Ft%C3%BCr%C3%BCc%C3%BC-ara%C3%A7lar%C4%B1" class="text-muted text-decoration-none"> Birim Dönüştürücü Araçları </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/category/p%C3%A7e%C5%9Fitli-ara%C3%A7lar%2Fp" class="text-muted text-decoration-none"> <p>Çeşitli Araçlar</p> </a> </li> </ul> </div> <!-- Legal Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Yasal</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/tr/page/hakk%C4%B1m%C4%B1zda" class="text-muted text-decoration-none"> Hakkımızda </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/page/bize-ula%C5%9F%C4%B1n" class="text-muted text-decoration-none"> Bize Ulaşın </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/page/strongyasal-uyar%C4%B1%2Fstrong" class="text-muted text-decoration-none"> <strong>Yasal Uyarı</strong> </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/page/gizlilik-politikas%C4%B1" class="text-muted text-decoration-none"> Gizlilik Politikası </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/page/hizmet-%C5%9Fartlar%C4%B1" class="text-muted text-decoration-none"> Hizmet Şartları </a> </li> <!-- Static Contact Link --> <li class="mb-2"> <a href="https://34tools.site/tr/contact" class="text-muted text-decoration-none"> Bize Ulaşın </a> </li> </ul> </div> <!-- Our YouTube Tools Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">YouTube Araçlarımız</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-para-hesaplayıcısı" class="text-muted text-decoration-none"> YouTube Para Hesaplayıcısı </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-başlık-üretici" class="text-muted text-decoration-none"> YouTube Başlık Üretici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-kanal-banner-i̇ndirici" class="text-muted text-decoration-none"> YouTube Kanal Banner İndirici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-başlık-çıkarıcı" class="text-muted text-decoration-none"> YouTube Başlık Çıkarıcı </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-gömülü-kod-üretici" class="text-muted text-decoration-none"> YouTube Gömülü Kod Üretici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-bölge-kısıtlaması-denetleyici" class="text-muted text-decoration-none"> YouTube Bölge Kısıtlaması Denetleyici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-abone-olma-bağlantısı-oluşturucu" class="text-muted text-decoration-none"> YouTube Abone Olma Bağlantısı Oluşturucu </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-yorum-seçici" class="text-muted text-decoration-none"> YouTube Yorum Seçici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-başlık-uzunluğu-denetleyici" class="text-muted text-decoration-none"> YouTube Başlık Uzunluğu Denetleyici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-küçük-resim-i̇ndirici" class="text-muted text-decoration-none"> YouTube Küçük Resim İndirici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-açıklama-üretici" class="text-muted text-decoration-none"> YouTube Açıklama Üretici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-hashtag-çıkarıcı" class="text-muted text-decoration-none"> YouTube Hashtag Çıkarıcı </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-etiket-oluşturucu" class="text-muted text-decoration-none"> YouTube Etiket Oluşturucu </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-görüntülenme-oranı-hesaplayıcı" class="text-muted text-decoration-none"> YouTube Görüntülenme Oranı Hesaplayıcı </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-etiket-çıkarıcı" class="text-muted text-decoration-none"> YouTube Etiket Çıkarıcı </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-kanal-i̇statistikleri" class="text-muted text-decoration-none"> YouTube Kanal İstatistikleri </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-zaman-damgası-bağlantı-oluşturucu" class="text-muted text-decoration-none"> YouTube Zaman Damgası Bağlantı Oluşturucu </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-kanal-bulucu" class="text-muted text-decoration-none"> YouTube Kanal Bulucu </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-video-sayısı-denetleyici" class="text-muted text-decoration-none"> YouTube Video Sayısı Denetleyici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-açıklama-çıkarıcı" class="text-muted text-decoration-none"> YouTube Açıklama Çıkarıcı </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-kanal-kimliği-çıkarıcı" class="text-muted text-decoration-none"> YouTube Kanal Kimliği Çıkarıcı </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-kanal-logosu-i̇ndirici" class="text-muted text-decoration-none"> YouTube Kanal Logosu İndirici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-hashtag-üretici" class="text-muted text-decoration-none"> YouTube Hashtag Üretici </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-kanal-yaş-kontrol-aracı" class="text-muted text-decoration-none"> YouTube Kanal Yaş Kontrol Aracı </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-video-i̇statistikleri" class="text-muted text-decoration-none"> YouTube Video İstatistikleri </a> </li> <li class="mb-2"> <a href="https://34tools.site/tr/youtube-video-başlığı-büyük-harfle-yazılıcı" class="text-muted text-decoration-none"> YouTube Video Başlığı Büyük Harfle Yazılıcı </a> </li> </ul> </div> <!-- Newsletter Column --> <div class="col-lg-3 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Haber Bülteni</h6> <p class="small text-muted">Güncellemeler için bültenimize abone olun.</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">Abone Ol</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 Gerçekten Çalışan Ücretsiz Çevrimiçi Araçlar: 34tooL Sitesine Derinlemesine Bakış. Tüm hakları saklıdır.</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"> Deneyiminizi iyileştirmek ve reklam kişiselleştirmesi için çerezleri kullanıyoruz. Bu siteyi kullanmaya devam ederek <a href="/page/privacy-policy" class="text-primary text-decoration-none">Gizlilik Politikamızı</a> kabul etmiş olursunuz. </div> <div> <button id="accept-cookies" class="btn btn-primary btn-sm px-4 rounded-pill">Kabul Et</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>