Bỏ qua tới nội dung
Toolars
Khám phá

Thu nhỏ HTML

HTML Minifier

Thu gọn cấu trúc HTML tới 256 KiB trong một Worker cục bộ có thể hủy — loại chú thích, giữ khoảng trắng — và xem chính xác số byte tiết kiệm được.

Xử lý cục bộ

Chi tiết xử lý

Dữ liệu nhập của công cụ được xử lý trên thiết bị của bạn.

Công cụ có thể tải tài nguyên để hoạt động. Dịch vụ tài khoản hoạt động riêng.

Tài nguyên ngoại tuyến chưa được chuẩn bị.

Thông tin quyền riêng tư
Báo lỗi

Lộ trình tác vụ / từ đầu vào đến kết quả

Cách minify HTML

  1. 01

    Dán markup

    Dán mã nguồn UTF-8 tối đa 256 KiB. Tùy chọn thụt lề bị vô hiệu khi thu gọn.

  2. 02

    Thử mẫu trước

    Mẫu đã được tải. Chạy phép biến đổi cục bộ khi bạn sẵn sàng.

  3. 03

    Nhấn Minify

    Nhấn Thu gọn để xóa chú thích HTML mà không gộp khoảng trắng HTML. CSS và JavaScript nhúng giữ nguyên. Kiểm tra kết quả trên trang đích.

  4. 04

    Kiểm tra thống kê

    So sánh số byte UTF-8 đầu vào, đầu ra và tỷ lệ tiết kiệm. Giá trị tiết kiệm âm nghĩa là kết quả lớn hơn; hãy kiểm tra trước khi sao chép hoặc tải xuống.

  5. 05

    Sao chép hoặc tải xuống kết quả

    Dùng Sao chép kết quả cho clipboard hoặc Tải xuống để lưu toolars.min.html. Đặt lại dọn các khung cho tài liệu tiếp theo, và thống kê được đặt lại cùng không gian làm việc.

Thông tin công cụ

Xử lý
Trong trình duyệt của bạn
Dữ liệu nhập rời thiết bị này
Không bao giờ
Lưu giữ
Không có gì được lưu
Giá
Miễn phí

Dữ liệu bạn nhập ở lại trong trình duyệt.

Thu nhỏ HTML dùng lộ trình thực thi cục bộ đã xác minh và không tạo lịch sử đầu vào hay đầu ra ẩn.

Thực thi cục bộ

Chạy bên trong tab trình duyệt hiện tại.

Không xử lý ẩn

Dữ liệu công cụ đang hoạt động không bao giờ trở thành bản ghi tài liệu của Toolars.

Không cần tài khoản

Dùng quy trình cốt lõi mà không cần tạo hồ sơ. Mục yêu thích đồng bộ vào tài khoản sau khi bạn đăng nhập.

Đặt lại ngay lập tức

Xóa tab và dữ liệu đang làm việc sẽ biến mất.

Khi nào Thu nhỏ HTML hữu ích

Đánh giá mã nguồn

Làm cho mã nguồn dễ kiểm tra hơn trước khi chia sẻ với một lập trình viên khác.

Thành phần build

Tạo HTML, CSS hoặc JavaScript gọn nhẹ mà không thực thi mã nguồn.

Đoạn mã sẵn sàng sao chép

Định dạng một ví dụ tập trung và đưa thẳng vào tài liệu hoặc trình soạn thảo.

Thu nhỏ HTML thực sự làm gì

Với mẫu email được tạo có chú thích duyệt, dán một đoạn đại diện, thu gọn rồi so với bản gốc trong trình hiển thị email. Kiểm tra văn bản nhạy với khoảng trắng và kiểu nhúng trước khi tải xuống.

Câu hỏi thường gặp

Trình minify loại bỏ những gì?
Công cụ xóa chú thích HTML và rút gọn phần đánh dấu được hỗ trợ mà không gộp khoảng trắng. Mã trong style hoặc script không được thu gọn.
Engine nào thực hiện minify?
Prettier phân tích HTML rồi html-minifier-terser thu gọn trong Worker cục bộ. Khoảng trắng HTML được giữ; thu gọn CSS và JavaScript nội tuyến bị tắt. Kiểm tra mẫu trong ứng dụng thực tế.
Nó có minify cả CSS và JavaScript inline không?
Không. Các khối style và script bên trong markup được để nguyên — chỉ cấu trúc HTML được minify, và phần markup quanh những khối đó vẫn co lại bình thường. Hãy minify các phần nhúng riêng bằng các công cụ CSS và JavaScript chuyên dụng, vốn dùng chung ngân sách 256 KiB và cùng cam kết chỉ-chạy-cục-bộ.
Vì sao đầu ra của tôi lớn lên thay vì nhỏ đi?
Cấu hình này giữ khoảng trắng, dấu ngoặc kép và thẻ tùy chọn nên việc xóa chú thích có thể tiết kiệm ít; phần đánh dấu sau xử lý thậm chí có thể lớn hơn. So sánh byte và giữ bản gốc.
Các giới hạn là gì, và lỗi được xử lý ra sao?
Đầu vào giới hạn 256 KiB, đầu ra 512 KiB. Worker cục bộ có giới hạn riêng năm giây để khởi động và chạy; sửa mã hoặc nhấn Hủy sẽ dừng tác vụ. Mã nguồn ở lại trong trình duyệt này; không có gì được tải lên.
Markup của tôi có bị tải lên hay thực thi không?
Không. Mã nguồn được phân tích bên trong một Worker cục bộ và không bao giờ được thực thi, tải lên hay lưu lại. Việc trình phân tích chấp nhận không đồng nghĩa với tính đúng đắn của ứng dụng hay tương thích trình duyệt.

Tác vụ liên quan, không phải ngõ cụt.

Chuyển sang một không gian làm việc tập trung khác mà không cần quay lại mục lục đầy đủ.

Không gian URL

URL Workbench

Làm sạch danh sách URL, bảo vệ liên kết có chữ ký và giải thích từng dòng; so sánh thành phần và xuất sitemap.

Chỉnh sửa

Khám phá JSON

JSON Explorer

Truy vấn JSONPath, trích xuất trường và khôi phục bản ghi JSON Pointer, giữ độ chính xác của số lớn.

Kiểm tra

Kiểm tra JSON Schema

JSON Schema Validator

Kiểm tra Draft 7 hoặc 2020-12 cục bộ với đường dẫn lỗi; suy luận lược đồ từ nhiều mẫu.

Kiểm tra

Chuẩn bị HTML xuất bản

HTML Publishing

Làm sạch HTML đã dán, giữ ngữ nghĩa danh sách, liên kết và bảng; xem trước thay đổi an toàn.

Xuất bản