Trình rút gọn HTML

Giới thiệu công cụ này

Vậy là bạn có một tệp HTML. Nó hoạt động được. Nó hoạt động tốt. Nhưng nó hơi "cồng kềnh" — có thể thậm chí bị phình to vì có nhiều khoảng trắng, chú thích và ngắt dòng mà bạn thực sự không cần thiết. Đây chính là lúc cần đến công cụ nén HTML. Hãy tưởng tượng nó như phiên bản số của Marie Kondo: nó dọn dẹp mã của bạn, giữ lại những gì hữu ích và loại bỏ phần còn lại. Không có thừa. Chỉ có HTML sạch hơn, gọn hơn, tải nhanh hơn và chiếm ít dung lượng hơn. Tôi đã dùng khá nhiều công cụ như thế này trong nhiều năm qua — một số tốt, một số thì không đáng kể. Những công cụ tốt nhất không chỉ đơn giản là xóa khoảng trắng. Chúng biết khi nào nên để nguyên, chẳng hạn như bên trong thẻ

 hoặc các đoạn mã script nội tuyến. Chúng thông minh, không quá hung hăng. Và thành thực mà nói? Một khi bạn bắt đầu sử dụng chúng thường xuyên, bạn sẽ tự hỏi làm sao mình có thể sống sót mà không có nó.
Tính năng chính
 
Xóa khoảng trắng, ngắt dòng và thụt lề không cần thiết — mà không làm hỏng bố cục của bạn.
 
Loại bỏ các chú thích HTML (ngoại trừ các chú thích có điều kiện, nếu bạn muốn).
 
Tùy chọn thu gọn các thuộc tính boolean — biến disabled="disabled" thành chỉ disabled.
 
Nén CSS và JavaScript nội tuyến trong các thẻ style và script (nếu được bật).
 
Giữ nguyên nội dung bên trong các thẻ như 
, </code> và các thẻ nhạy cảm với khoảng trắng khác.</li> <li>Hoạt động trên toàn bộ tài liệu hoặc các đoạn mã một phần — rất hữu ích cho các sửa lỗi nhanh hoặc trong quy trình build.</li> <li>Thường cung cấp chế độ xem trước hoặc so sánh để bạn có thể thấy những thay đổi trước khi áp dụng.</li></ul><h2>Câu hỏi thường gặp</h2><p><strong>Việc nén HTML có làm hỏng trang web của tôi không?</strong><br>Không nếu bạn dùng một công cụ tốt. Hầu hết các công cụ nén hiện đại đều cẩn trọng. Chúng sẽ không động vào nội dung cần khoảng trắng, chẳng hạn như bên trong các khối <code><pre></code>. Nhưng hãy luôn kiểm tra sau khi nén — đặc biệt nếu bạn đang áp dụng trong môi trường production. Một lần kiểm tra nhanh ở máy cục bộ sẽ giúp bạn tránh được rấ nhiều rắc rối sau này.</p><p><strong>HTML đã nén vẫn có thể đọc được không?</strong><br>Không. Và đó chính là mục đích. Nó không được thiết kế để con người đọc — mà là để trình duyệt phân tích nhanh chóng. Nếu bạn cần debug, hãy giữ một phiên bản sạch trong kho lưu trữ của bạn. Chỉ nén khi triển khai hoặc cho các trang ưu tiên hiệu suất.</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%2Fvi%2Ftr%25C3%25ACnh-r%25C3%25BAt-g%25E1%25BB%258Dn-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%2F3tools.shop%2Fvi%2Ftr%25C3%25ACnh-r%25C3%25BAt-g%25E1%25BB%258Dn-html&text=Tr%C3%ACnh+r%C3%BAt+g%E1%BB%8Dn+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=Tr%C3%ACnh+r%C3%BAt+g%E1%BB%8Dn+HTML+http%3A%2F%2F3tools.shop%2Fvi%2Ftr%25C3%25ACnh-r%25C3%25BAt-g%25E1%25BB%258Dn-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">3WEBTOOL – Công cụ Web, SEO, Hình ảnh & Dành cho Nhà phát triển Miễn phí</h5> <p class="text-muted small">3WEBTOOL là nền tảng trực tuyến miễn phí mạnh mẽ, nơi bạn có thể sử dụng các công cụ SEO, nén hình ảnh, công cụ văn bản, tiện ích cho nhà phát triển, công cụ chuyển đổi và các công cụ web kỹ thuật số. Các công cụ web nhanh chóng, an toàn và 100% miễn phí dành cho các nhà viết blog, nhà phát triển và nhà tiếp thị kỹ thuật số.</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">Danh mục Công cụ</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/vi/category/c%C3%B4ng-c%E1%BB%A5-v%C4%83n-b%E1%BA%A3n" class="text-muted text-decoration-none"> Công cụ văn bản </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/category/c%C3%B4ng-c%E1%BB%A5-youtube" class="text-muted text-decoration-none"> Công cụ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/category/c%C3%B4ng-c%E1%BB%A5-seo" class="text-muted text-decoration-none"> Công cụ SEO </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/category/c%C3%B4ng-c%E1%BB%A5-t%C3%AAn-mi%E1%BB%81n-ip" class="text-muted text-decoration-none"> Công cụ Tên miền & IP </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/category/c%C3%B4ng-c%E1%BB%A5-qu%E1%BA%A3n-l%C3%BD-trang-web" class="text-muted text-decoration-none"> Công cụ quản lý trang web </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/category/c%C3%B4ng-c%E1%BB%A5-ph%C3%A1t-tri%E1%BB%83n-web" class="text-muted text-decoration-none"> Công cụ phát triển Web </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/category/c%C3%B4ng-c%E1%BB%A5-ch%E1%BB%89nh-s%E1%BB%ADa-h%C3%ACnh-%E1%BA%A3nh" class="text-muted text-decoration-none"> Công cụ Chỉnh sửa Hình ảnh </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/category/m%C3%A1y-t%C3%ADnh-tr%E1%BB%B1c-tuy%E1%BA%BFn" class="text-muted text-decoration-none"> Máy tính trực tuyến </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/category/c%C3%B4ng-c%E1%BB%A5-chuy%E1%BB%83n-%C4%91%E1%BB%95i-h%E1%BB%87-nh%E1%BB%8B-ph%C3%A2n" class="text-muted text-decoration-none"> Công cụ Chuyển đổi Hệ Nhị Phân </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/category/c%C3%B4ng-c%E1%BB%A5-chuy%E1%BB%83n-%C4%91%E1%BB%95i-%C4%91%C6%A1n-v%E1%BB%8B" class="text-muted text-decoration-none"> Công cụ chuyển đổi đơn vị </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/category/c%C3%A1c-c%C3%B4ng-c%E1%BB%A5-linh-tinh" class="text-muted text-decoration-none"> Các công cụ linh tinh </a> </li> </ul> </div> <!-- Legal Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Pháp lý</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/vi/page/v%E1%BB%81-ch%C3%BAng-t%C3%B4i" class="text-muted text-decoration-none"> Về chúng tôi </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/page/li%C3%AAn-h%E1%BB%87-v%E1%BB%9Bi-ch%C3%BAng-t%C3%B4i" class="text-muted text-decoration-none"> Liên hệ với chúng tôi </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/page/tuy%C3%AAn-b%E1%BB%91-t%E1%BB%AB-ch%E1%BB%91i-tr%C3%A1ch-nhi%E1%BB%87m" class="text-muted text-decoration-none"> Tuyên bố từ chối trách nhiệm </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/page/ch%C3%ADnh-s%C3%A1ch-b%E1%BA%A3o-m%E1%BA%ADt" class="text-muted text-decoration-none"> Chính sách Bảo mật </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/page/%C4%91i%E1%BB%81u-kho%E1%BA%A3n-d%E1%BB%8Bch-v%E1%BB%A5" class="text-muted text-decoration-none"> Điều khoản Dịch vụ </a> </li> <!-- Static Contact Link --> <li class="mb-2"> <a href="https://3tools.shop/vi/contact" class="text-muted text-decoration-none"> Liên hệ với chúng tôi </a> </li> </ul> </div> <!-- Our YouTube Tools Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Các công cụ YouTube của chúng tôi</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/vi/youtube-region-restriction-checker" class="text-muted text-decoration-none"> YouTube Region Restriction Checker </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/công-cụ-tính-tiền-youtube" class="text-muted text-decoration-none"> Công cụ tính tiền YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-tạo-hashtag-cho-youtube" class="text-muted text-decoration-none"> Trình tạo Hashtag cho YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/công-cụ-tạo-mã-nhúng-youtube" class="text-muted text-decoration-none"> Công cụ tạo mã nhúng YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-tải-xuống-biểu-ngữ-kênh-youtube" class="text-muted text-decoration-none"> Trình tải xuống biểu ngữ kênh YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/công-cụ-trích-xuất-id-kênh-youtube" class="text-muted text-decoration-none"> Công cụ trích xuất ID kênh YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-tạo-tiêu-đề-youtube" class="text-muted text-decoration-none"> Trình tạo tiêu đề YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-trích-xuất-tiêu-đề-youtube" class="text-muted text-decoration-none"> Trình trích xuất tiêu đề YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-trích-xuất-thẻ-youtube" class="text-muted text-decoration-none"> Trình trích xuất thẻ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-tạo-thẻ-youtube" class="text-muted text-decoration-none"> Trình tạo thẻ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-kiểm-tra-tuổi-kênh-youtube" class="text-muted text-decoration-none"> Trình kiểm tra tuổi Kênh YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/thống-kê-kênh-youtube" class="text-muted text-decoration-none"> Thống kê Kênh YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/công-cụ-tạo-liên-kết-đăng-ký-youtube" class="text-muted text-decoration-none"> Công cụ tạo liên kết đăng ký YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-trích-xuất-hashtag-youtube" class="text-muted text-decoration-none"> Trình trích xuất Hashtag YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-tạo-liên-kết-dấu-thời-gian-youtube" class="text-muted text-decoration-none"> Trình tạo liên kết dấu thời gian YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-tìm-kiếm-kênh-youtube" class="text-muted text-decoration-none"> Trình tìm kiếm Kênh YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-tải-logo-kênh-youtube" class="text-muted text-decoration-none"> Trình tải Logo Kênh YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-chọn-bình-luận-youtube" class="text-muted text-decoration-none"> Trình chọn bình luận YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/công-cụ-tính-tỷ-lệ-lượt-xem-youtube" class="text-muted text-decoration-none"> Công cụ tính tỷ lệ lượt xem YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-trích-xuất-mô-tả-youtube" class="text-muted text-decoration-none"> Trình trích xuất mô tả YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-tạo-mô-tả-youtube" class="text-muted text-decoration-none"> Trình tạo mô tả YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/công-cụ-kiểm-tra-độ-dài-tiêu-đề-youtube" class="text-muted text-decoration-none"> Công cụ kiểm tra độ dài tiêu đề YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/công-cụ-viết-hoa-tiêu-đề-video-youtube" class="text-muted text-decoration-none"> Công cụ Viết Hoa Tiêu Đề Video Youtube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-kiểm-tra-số-lượng-video-youtube" class="text-muted text-decoration-none"> Trình kiểm tra số lượng video YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/trình-tải-xuống-hình-thu-nhỏ-youtube" class="text-muted text-decoration-none"> Trình tải xuống hình thu nhỏ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/vi/thống-kê-video-trên-youtube" class="text-muted text-decoration-none"> Thống kê Video trên YouTube </a> </li> </ul> </div> <!-- Newsletter Column --> <div class="col-lg-3 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Bản tin</h6> <p class="small text-muted">Đăng ký nhận bản tin của chúng tôi để cập nhật thông tin mới.</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">Đăng ký</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 – Công cụ Web, SEO, Hình ảnh & Dành cho Nhà phát triển Miễn phí. Mọi quyền được bảo lưu.</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"> Chúng tôi sử dụng cookie để cải thiện trải nghiệm của bạn và để cá nhân hóa quảng cáo. Bằng cách tiếp tục sử dụng trang web này, bạn đồng ý với <a href="/page/privacy-policy" class="text-primary text-decoration-none">Chính sách quyền riêng tư</a> của chúng tôi. </div> <div> <button id="accept-cookies" class="btn btn-primary btn-sm px-4 rounded-pill">Chấp nhận</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>