Công Cụ Nén HTML

Công cụ Nén HTML là tiện ích trực tuyến miễn phí giúp nén mã đánh dấu để giảm dung lượng tệp. Nó loại bỏ chú thích, gộp khoảng trắng giữa các thẻ, xóa thẻ đóng tùy chọn và dọn dẹp thuộc tính thừa — tạo ra trang HTML nhỏ hơn, tải nhanh hơn mà không thay đổi cách hiển thị.

Chạy hoàn toàn trong trình duyệt. Mã của bạn không bao giờ được tải lên hay lưu trên máy chủ — mọi thứ được xử lý cục bộ, nên cả những mẫu (template) riêng tư cũng nằm yên trên máy bạn.

Vì Sao Nên Nén HTML

Hiển Thị Nhanh Hơn

Ít byte hơn giúp trình duyệt tải và phân tích tài liệu sớm hơn, cải thiện cảm nhận về tốc độ.

Tải Trọng Nhỏ Hơn

Cắt 10–30% trọng lượng trang để giảm băng thông, đặc biệt quý giá trên mạng di động.

Không Cần Bước Build

Nén trang tĩnh, mẫu email hay mã được sinh ra mà không phải cấu hình bất kỳ công cụ nào.

Cách Nén HTML

Dán Hoặc Tải HTML Lên

Gõ hoặc dán mã của bạn vào ô nhập bên trái, hoặc dùng Tải lên để nạp tệp .html. Bấm Mẫu để thử với mã ví dụ.

Chọn Tùy Chọn

Bật/tắt Xóa chú thích, Gộp khoảng trắng và Xóa thẻ tùy chọn để điều chỉnh mức độ nén của trang.

Nén

Bấm Minify hoặc nhấn Ctrl + Enter. HTML đã nén xuất hiện ngay trong ô kết quả.

Xem & Xuất

Xem thanh thống kê hiển thị dung lượng gốc, dung lượng sau nén và mức tiết kiệm. Sau đó Sao chép kết quả hoặc Tải về dưới dạng tệp.

Phím tắt: nhấn Ctrl + Enter ngay trong trình soạn thảo để nén tức thì.

Tối Ưu & Tính Năng

Tùy Chọn Nén Có Thể Tùy Chỉnh

Mỗi tùy chọn nhắm vào một nguồn gây phình mã cụ thể. Kết hợp chúng để đạt mức cân bằng mong muốn giữa dung lượng và khả năng đọc.

Tùy chọn	Tác dụng	Mặc định
Xóa chú thích	Loại bỏ chú thích `<!-- -->` nhưng giữ chú thích điều kiện	Bật
Gộp khoảng trắng	Xóa khoảng trắng và dòng mới thừa giữa và quanh các thẻ	Bật
Xóa thẻ tùy chọn	Bỏ các thẻ đóng tùy chọn như `</li>`, `</p>`, `</td>`	Tắt

Thông Minh & An Toàn Mặc Định

Giữ Nguyên Các Thẻ Nhạy Cảm

Nội dung trong <pre>, <script>, <style> và <textarea> không bao giờ bị đụng tới, nên định dạng và mã được giữ nguyên.

Xóa Thuộc Tính Mặc Định

Loại bỏ các khai báo thừa type="text/javascript" và type="text/css" mà trình duyệt vốn đã mặc định.

Giữ Chú Thích Điều Kiện

Chú thích điều kiện cho IE cũ vẫn được giữ lại ngay cả khi bật xóa chú thích.

Thống Kê Nén

Xem dung lượng gốc, dung lượng sau nén và phần trăm tiết kiệm sau mỗi lần chạy.

Về thẻ tùy chọn: chuẩn HTML5 cho phép bỏ một số thẻ đóng. Việc xóa chúng vẫn hợp lệ và giảm dung lượng, nhưng hãy tắt tùy chọn này nếu công cụ hay mẫu của bạn yêu cầu thẻ đóng tường minh.

Câu Hỏi Thường Gặp

Mã của tôi có được gửi lên máy chủ không?

Không. Mọi thao tác nén diễn ra cục bộ trong trình duyệt. HTML của bạn không bao giờ được tải lên, ghi log hay lưu ở bất kỳ đâu.

Nén có làm hỏng HTML của tôi không?

Không. Công cụ giữ nguyên nội dung trong các thẻ <pre>, <script>, <style> và <textarea>. Nó chỉ xóa khoảng trắng và chú thích ở phần còn lại của tài liệu, nên trang hiển thị y hệt.

"Thẻ đóng tùy chọn" là gì?

Trong HTML5, thẻ đóng của một số phần tử — như </li>, </p> và </td> — là tùy chọn. Trình duyệt tự suy ra vị trí của chúng, nên việc xóa đi vẫn là HTML hợp lệ và giảm dung lượng tệp mà không ảnh hưởng cách hiển thị.

Tôi có thể giảm bao nhiêu dung lượng tệp?

Trang thông thường giảm khoảng 10–30%, tùy vào lượng khoảng trắng, thụt lề và chú thích trong nguồn. Các mẫu được định dạng kỹ hoặc nhiều chú thích sẽ thu lợi nhiều nhất.

Nó có xóa JavaScript hay CSS nội tuyến của tôi không?

Không. Nội dung trong các thẻ <script> và <style> được giữ nguyên. Để thu nhỏ phần đó, hãy chạy mã qua công cụ nén JavaScript hoặc CSS chuyên dụng trước.