Chuẩn bị CSS hand-written để deploy mà không cần pipeline build. So sánh kích thước trước/sau để chứng minh cho tiết kiệm. Minify nhanh một snippet để inline vào tag.

CSS Minifier

Bỏ comment, whitespace và phần dư thừa khỏi CSS. Xem kích thước trước/sau và phần trăm tiết kiệm.

Đầu vào

Đầu ra

Tạo bởi JXXR1 · ♥ Tài trợ · ☕ Mời tôi một ly cà phê

Công cụ này để làm gì?

CSS sản xuất thường được minified — bỏ comment, whitespace và đôi khi quy tắc dư thừa để file nhỏ hơn và nhanh hơn để tải xuống. Tool này thực hiện minify nhanh, structural: bỏ comment, gộp khoảng trắng và drop dòng trống. Nó không trộn quy tắc hay tối ưu hóa selector — chỉ làm cho file nhỏ hơn mà không thay đổi cách trình duyệt diễn giải nó.

Khi nào nên dùng

Chuẩn bị CSS hand-written để deploy mà không cần pipeline build.
So sánh kích thước trước/sau để chứng minh cho tiết kiệm.
Minify nhanh một snippet để inline vào <style> tag.

Lưu ý thường gặp

Minify ≠ tối ưu hóa. Bộ tối ưu thực thụ (cssnano, csso) sẽ gộp các quy tắc, drop selector chết và xếp lại giá trị shorthand. Tool này chỉ làm việc dễ nhất: whitespace và comment.
Comment có thể là cấp phép quan trọng. Đừng tự động bỏ tất cả comment khỏi CSS chứa header license — kiểm tra trước.
Một số whitespace là quan trọng. Trong selector phức tạp (như div > p), tool này giữ lại khoảng trắng có ý nghĩa và chỉ bỏ phần trang trí.