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

Tiện ích Lập trình · Cục bộ

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.

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

Dán markup

Chạy cục bộ · Không có gì được tải lên

Cách Thu nhỏ HTML hoạt động, quyền riêng tư và các công cụ liên quan

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.

Tiếp tục trong Lập trình

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 đủ.

Chuyển code thành ảnh

Code to Image Converter

Xuất mã tô sáng bằng Shiki — sáu ngôn ngữ, giao diện sáng/tối kiểu GitHub — thành PNG hoặc SVG với số dòng, tiêu đề cửa sổ và tỷ lệ 1x/2x. Xử lý cục bộ.

Tạo

Trình tạo slug URL

URL Slug Generator

Chuẩn hóa tiêu đề thành slug viết thường: bỏ dấu phụ, & thành and, ký tự lạ gộp thành một dấu gạch ngang hoặc gạch dưới. Giữ chữ cái mọi hệ chữ.

Tạo

Đổ bóng cho React Native

React Native Shadow Generator

Tinh chỉnh shadow iOS và elevation Android đối chiếu xem trước trực tiếp, rồi sao chép đoạn StyleSheet cho iOS, Android hoặc cả hai, kể cả chế độ boxShadow mới.

Tạo

Mã hóa/giải mã Base64

Base64 Encoder/Decoder

Mã hóa và giải mã Base64 với thẩm định trực tiếp, tùy chọn UTF-8, an toàn URL và giữ ngắt dòng. Nút Đảo giúp kiểm tra khứ hồi trong hai cú nhấp.

Chuyển đổi