CSS Minifier

Giới thiệu công cụ

Nén CSS loại bỏ tất cả khoảng trắng, chú thích và ký tự dư thừa khỏi stylesheet trong khi vẫn bảo toàn đầy đủ chức năng. Trình duyệt diễn giải CSS đã nén giống hệt bản gốc.

Với các stylesheet lớn, việc nén thường giảm kích thước 20–50%. Kết hợp với nén gzip trên server, tiết kiệm còn nhiều hơn.

Cách sử dụng

1. Dán CSS vào panel nhập liệu bên trái.
2. Nhấp Nén để nén CSS.
3. Chỉ số tiết kiệm cho thấy bao nhiêu ký tự đã được xóa.

Trường hợp sử dụng

Các nhà phát triển front-end giảm kích thước bundle CSS trước khi triển khai lên production. Hữu ích để nén thủ công các stylesheet bên thứ ba hoặc CSS cũ.

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

• Việc nén có thay đổi hành vi CSS của tôi không? — Không. Nén chỉ loại bỏ khoảng trắng, chú thích và dấu chấm phẩy dư thừa — không bao giờ sửa đổi selectors, tên thuộc tính hay giá trị.
• Các chú thích CSS có bị xóa không? — Có. Tất cả chú thích (/* ... */) bị xóa trong quá trình nén để giảm kích thước tệp.
• CSS của tôi có được gửi đến server không? — Không. Tất cả xử lý diễn ra cục bộ trong trình duyệt của bạn. CSS của bạn không bao giờ rời khỏi thiết bị.