Công cụ dùng cách xử lý khoảng trắng thận trọng. Mã đánh dấu được thu gọn nhưng vẫn giữ một dấu cách ở nơi nội dung nội dòng liền kề có thể cần. Chú thích điều kiện, chỉ thị include phía máy chủ và chú thích Knockout có chức năng cũng được giữ lại. HTML không rời khỏi thiết bị.
Công cụ nén HTML miễn phí
Chạy hoàn toàn trên trình duyệt của bạn - không tải lên, không cần đăng ký.
HTML đầu vào
HTML đã nén
Dán HTML để xem kết quả đã nén
Nén HTML là gì?
Nén HTML giúp thu gọn mã đánh dấu bằng cách xóa chú thích thông thường, thụt lề, ngắt dòng và khoảng trắng dư mà trình duyệt không cần. Dán tài liệu hoặc đoạn mã để nhận HTML gọn hơn cùng số byte tiết kiệm chính xác. Nội dung script, style, vùng định dạng sẵn và textarea vẫn nguyên vẹn. Toàn bộ quá trình diễn ra trong trình duyệt.
Cách dùng
- 1Dán HTML. Thêm toàn bộ tài liệu hoặc một đoạn HTML vào ô nhập, hoặc tải ví dụ có sẵn.
- 2Chọn cách xử lý chú thích. Giữ tùy chọn xóa chú thích để có kết quả nhỏ nhất. Tắt tùy chọn nếu cần giữ lại ghi chú đánh giá.
- 3Xem mức tiết kiệm. Kiểm tra kích thước byte UTF-8 trước và sau khi nén, tỷ lệ tiết kiệm, số dòng và số chú thích đã xóa.
- 4Sao chép kết quả. Sao chép HTML đã thu gọn vào đầu ra bản dựng, CMS hoặc dự án trên máy. Nên giữ mã nguồn dễ đọc để chỉnh sửa về sau.
Dành cho ai
- Lập trình viên frontend tạo bản dùng cho môi trường thật nhỏ hơn từ trang tĩnh, bản demo thành phần hoặc mẫu email.
- Nhóm hiệu năng đo lượng byte mà định dạng và chú thích khi phát triển thêm vào HTML chưa nén.
- Biên tập viên CMS thu gọn đoạn trang đã xuất trước khi đặt vào mẫu hoặc khối nội dung.
- Sinh viên so sánh mã nguồn dễ đọc với dạng gọn mà trình duyệt có thể phân tích.
Câu hỏi thường gặp
Công cụ nén HTML này có miễn phí không?
Có. Công cụ miễn phí, không cần tài khoản, tải xuống hay giới hạn lượt dùng. Chỉ cần dán mã, xem kết quả trực tiếp rồi sao chép ngay trong trình duyệt.
HTML có được tải lên đâu không?
Không. Việc nén và đo byte chạy cục bộ trong trình duyệt. HTML đã dán không được gửi đến máy chủ, nên có thể xử lý mẫu chưa công bố, liên kết nội bộ và đoạn trang riêng tư ngay trên thiết bị.
Có thể nén bao nhiêu HTML?
Không có giới hạn kích thước phía máy chủ vì công cụ không tải dữ liệu lên. Giới hạn thực tế phụ thuộc vào bộ nhớ trình duyệt và thiết bị, nhưng trang, mẫu và tài liệu email thông thường sẽ cập nhật ngay.
Công cụ có thay đổi nội dung script hoặc style không?
Không. Nội dung trong phần tử script và style được giữ nguyên từng byte. Vùng định dạng sẵn và textarea cũng được bảo vệ vì khoảng trắng và ngắt dòng có thể mang ý nghĩa. Hãy dùng công cụ nén CSS hoặc JavaScript riêng nếu muốn thu gọn cả ngôn ngữ nhúng.
Những chú thích HTML nào bị xóa?
Khi bật xóa chú thích, công cụ bỏ các chú thích phát triển thông thường. Chú thích điều kiện của Internet Explorer, chỉ thị include phía máy chủ và chú thích liên kết Knockout vẫn còn vì xóa chúng có thể làm đổi hành vi. Có thể tắt tùy chọn để giữ mọi chú thích.
Nén HTML có thể làm trang hiển thị khác đi không?
Xóa khoảng trắng quá mạnh có thể nối từ hoặc làm thay đổi nội dung nhạy với khoảng trắng. Công cụ chỉ rút gọn phần dư, giữ dấu phân cách nội dòng khi cần và bảo toàn khối thô hoặc định dạng sẵn. Luôn kiểm tra trang thật sau khi nén.
Có thể khôi phục định dạng ban đầu sau này không?
Công cụ định dạng có thể thêm thụt lề dễ đọc vào HTML đã nén, nhưng không thể phục hồi chú thích đã xóa hoặc ngắt dòng ban đầu một cách chính xác. Hãy giữ mã nguồn dễ đọc trong hệ thống quản lý phiên bản và coi bản nén là đầu ra bản dựng.