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ỏ 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.

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

Dán stylesheet

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

Cách Thu nhỏ CSS 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 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.

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