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

Thu nhỏ CSS

CSS Minifier

Nén CSS tới 256 KiB bằng trình phân tích nghiêm ngặt trong Worker cục bộ, giữ chú thích giấy phép /*! và so sánh kích thước trước khi sao chép.

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 CSS

  1. 01

    Dán stylesheet

    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. CSSO xóa chú thích thông thường và làm gọn CSS mà không tái cấu trúc quy tắc; chú thích /*!...*/ được giữ. Kiểm tra trong bố cục đí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.css — Sao chép kết quả là đường nhanh khi đầu ra đi thẳng vào một khối style hay một commit. Đặt lại dọn không gian làm việc cho stylesheet tiếp theo.

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ỏ CSS 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ỏ CSS 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ỏ CSS thực sự làm gì

Một stylesheet chỉnh tay đã phình qua nhiều tháng chỉnh sửa và cần dạng production; một khối critical CSS nên co lại trước khi đi vào head của tài liệu; một bản phát hành design system muốn con số trước-và-sau nhanh gọn. Trình minify CSS trao cho bạn đầu ra đã nén và mức tiết kiệm chính xác cục bộ, và phép phân tích nghiêm ngặt bắt được dấu ngoặc lạc vốn đã có thể lặng lẽ đi lên production. Chạy nó trên mọi bản ứng viên phát hành và giữ mã nguồn dễ đọc trong version control; style chưa phát hành không bao giờ rời khỏi trình duyệt, và không cần tài khoản.

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

Trình minify thay đổi những gì?
CSSO làm gọn cú pháp và xóa chú thích thông thường; chú thích bắt đầu bằng /*! được giữ. Việc tái cấu trúc quy tắc đã tắt; công cụ không xử lý HTML hay JavaScript.
Những chú thích nào sống sót sau minify?
Chỉ các chú thích mở đầu bằng /*! — quy ước phổ biến cho banner giấy phép và ghi công, vốn được giữ gắn với đầu ra để lời ghi công sống sót qua phân phối. Chú thích /* */ thông thường bị loại bỏ, nên hãy chuyển bất cứ thứ gì bạn phải giữ sang dạng /*! trước khi minify.
Minify có thay đổi cách style của tôi áp dụng không?
Không có bước kiểm tra hiển thị trình duyệt ở đây. Hãy thử kết quả trên trang đích, nhất là thứ tự quy tắc dự phòng, bộ chọn và thuộc tính tùy chỉnh; phân tích cú pháp thành công không đảm bảo bố cục giống hệt.
Vì sao stylesheet của tôi bị từ chối?
CSS được phân tích bằng một trình phân tích nghiêm ngặt trước khi minify chính xác vì bản thân bộ nén chịu lỗi. Một lỗi đánh máy, một dấu ngoặc chưa đóng hay một khai báo không hợp lệ sẽ dừng lượt chạy với dòng và cột được nêu tên, thay vì tạo ra đầu ra sai tinh vi. Cùng phép phân tích nghiêm ngặt đó đứng sau trình định dạng CSS tương ứng trong nhóm này.
Các giới hạn là gì?
Đầ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.
CSS của tôi có bị tải lên đâu 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