HTML Minifier

Bu Aracın Hakkında

Yani, bir HTML dosyanız var. Çalışıyor. İşlevsel. Ama biraz şişkin—belki de gerçekten ihtiyacınız olmayan fazladan boşluklar, yorumlar ve satır sonlarıyla dolu. İşte bu noktada bir HTML küçültücü devreye girer. Onu dijital bir Marie Kondo olarak düşünün: kodunuzu düzenler, yararlı olanı korur, geri kalanını atar. Gereksiz şeyler yok. Daha temiz, daha hafif, daha hızlı yüklenen ve daha az yer kaplayan HTML. Yıllar boyunca bu tür araçlardan birçoğunu kullandım—bazıları iyi, bazıları vasat. En iyi olanlar sadece boşlukları kaldırmaz. Ne zaman müdahale etmemesi gerektiğini bilir, örneğin

 etiketleri veya satıriçi komut dosyalarının içinde. Zekidirler, agresif değiller. Ve dürüst olmak gerekirse? Bir tanesini düzenli olarak kullanmaya başladıktan sonra, onsuz nasıl yaşadığınızı merak edeceksiniz.
Önemli Özellikler
 
Gereksiz boşlukları, satır sonlarını ve girintileri kaldırır—düzeninizi bozmadan.
 
HTML yorumlarını kaldırır (koşullu olanlar hariç, isterseniz).
 
İsteğe bağlı olarak boolean nitelikleri daraltır—disabled="disabled" ifadesini sadece disabled haline getirir.
 
style ve script etiketleri içindeki satıriçi CSS ve JavaScript'i küçültür (etkinleştirilmişse).
 
, </code> ve diğer boşluk duyarlı etiketlerin içindeki içeriği korur.</li> <li>Tam belgelerde veya kısmi parçalarda çalışır—hızlı düzeltmeler veya derleme hatları için idealdir.</li> <li>Genellikle uygulamadan önce ne değiştiğini görebilmeniz için bir önizleme veya fark görünümü sunar.</li></ul><h2>Sıkça Sorulan Sorular</h2><p><strong>Küçültme işlemi web sitemi bozacak mı?</strong><br>İyi bir araç kullanırsanız hayır. Modern küçültücülerin çoğu dikkatli davranır. <code><pre></code> blokları gibi boşluğa ihtiyaç duyan içeriklere dokunmaz. Ancak küçültmeden sonra her zaman test yapın—özellikle üretim ortamında yapıyorsanız. Hızlı bir yerel kontrol, sonra baş ağrılarını önler.</p><p><strong>Küçültülmüş HTML hâlâ okunabilir mi?</strong><br>Hayır. Ve bu tamamıyla amaçlanan şeydir. İnsanların okuması için değil, tarayıcıların hızlıca ayrıştırması içindir. Hata ayıklamaya ihtiyacınız olursa, temiz bir sürümü depoda saklayın. Sadece dağıtım için veya performans açısından kritik sayfalar için küçültün.</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%2F3tools.shop%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%2F3tools.shop%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%2F3tools.shop%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">3WEBTOOL – Ücretsiz Web, SEO, Görsel ve Geliştirici Araçları</h5> <p class="text-muted small">3WEBTOOL, SEO araçları, görüntü sıkıştırma, metin araçları, geliştirici yardımcı programları, dönüştürücüler ve dijital web araçlarını kullanabileceğiniz güçlü ve ücretsiz bir çevrimiçi platformdur. Blog yazarları, geliştiriciler ve dijital pazarlamacılar için hızlı, güvenli ve %100 ücretsiz web araçları.</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://3tools.shop/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://3tools.shop/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://3tools.shop/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://3tools.shop/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://3tools.shop/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://3tools.shop/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://3tools.shop/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://3tools.shop/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://3tools.shop/tr/category/i%CC%87kili-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 Dönüştürücü Araçları </a> </li> <li class="mb-2"> <a href="https://3tools.shop/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://3tools.shop/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://3tools.shop/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://3tools.shop/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://3tools.shop/tr/page/sorumluluk-reddi" class="text-muted text-decoration-none"> Sorumluluk Reddi </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/page/gizlilik-politikas%C4%B1" class="text-muted text-decoration-none"> Gizlilik Politikası </a> </li> <li class="mb-2"> <a href="https://3tools.shop/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://3tools.shop/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://3tools.shop/tr/youtube-bölge-kısıtlaması-denetleyicisi" class="text-muted text-decoration-none"> YouTube Bölge Kısıtlaması Denetleyicisi </a> </li> <li class="mb-2"> <a href="https://3tools.shop/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://3tools.shop/tr/youtube-gömme-kodu-oluşturucu" class="text-muted text-decoration-none"> YouTube Gömme Kodu Oluşturucu </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-hashtag-oluşturucu" class="text-muted text-decoration-none"> YouTube Hashtag Oluşturucu </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-kanal-afişi-i̇ndirici" class="text-muted text-decoration-none"> YouTube Kanal Afişi İndirici </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-başlık-çıkarıcısı" class="text-muted text-decoration-none"> YouTube Başlık Çıkarıcısı </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-başlık-oluşturucu" class="text-muted text-decoration-none"> YouTube Başlık Oluşturucu </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-kanal-id-çıkarıcı" class="text-muted text-decoration-none"> YouTube Kanal ID Çıkarıcı </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-etiket-çıkarıcı" class="text-muted text-decoration-none"> YouTube Etiket Çıkarıcı </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-etiket-oluşturucu" class="text-muted text-decoration-none"> YouTube Etiket Oluşturucu </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-kanalı-yaş-denetleyicisi" class="text-muted text-decoration-none"> YouTube Kanalı Yaş Denetleyicisi </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-kanal-i̇statistikleri" class="text-muted text-decoration-none"> YouTube Kanal İstatistikleri </a> </li> <li class="mb-2"> <a href="https://3tools.shop/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://3tools.shop/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://3tools.shop/tr/youtube-yorum-seçici" class="text-muted text-decoration-none"> YouTube Yorum Seçici </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-hashtag-çıkarıcı" class="text-muted text-decoration-none"> YouTube Hashtag Çıkarıcı </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-kanal-bulucu" class="text-muted text-decoration-none"> YouTube Kanal Bulucu </a> </li> <li class="mb-2"> <a href="https://3tools.shop/tr/youtube-açıklama-oluşturucu" class="text-muted text-decoration-none"> YouTube Açıklama Oluşturucu </a> </li> <li class="mb-2"> <a href="https://3tools.shop/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://3tools.shop/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://3tools.shop/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://3tools.shop/tr/youtube-video-sayısı-kontrol-aracı" class="text-muted text-decoration-none"> YouTube Video Sayısı Kontrol Aracı </a> </li> <li class="mb-2"> <a href="https://3tools.shop/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://3tools.shop/tr/youtube-video-başlığı-büyük-harfle-yazıcı" class="text-muted text-decoration-none"> YouTube Video Başlığı Büyük Harfle Yazıcı </a> </li> <li class="mb-2"> <a href="https://3tools.shop/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://3tools.shop/tr/youtube-video-i̇statistikleri" class="text-muted text-decoration-none"> YouTube Video İstatistikleri </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 3WEBTOOL – Ücretsiz Web, SEO, Görsel ve Geliştirici Araçları. 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://3tools.shop/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://3tools.shop/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://3tools.shop/sw.js')
        .then(function(registration) {
            console.log('SW registered:', registration.scope);
        })
        .catch(function(err) {
            console.log('SW failed:', err);
        });
    }
});
</script></body></html>