Nén Mã CSS Ngay Trên Trình Duyệt
Công cụ minify CSS này giúp thu nhỏ mã CSS bằng cách loại bỏ mọi byte mà trình duyệt không cần để hiển thị trang. Nó xóa chú thích, gộp khoảng trắng, bỏ dấu chấm phẩy ở cuối, rút gọn đơn vị 0 và màu hex — biến CSS phát triển cồng kềnh thành mã gọn nhẹ, sẵn sàng cho production, tải và phân tích nhanh hơn.
Vì Sao Nên Minify CSS
Tải Trang Nhanh Hơn
Tiết Kiệm Băng Thông
Không Cần Bước Build
Cách Minify Mã CSS
Dán Hoặc Tải Lên CSS Của Bạn
Nhập hoặc dán mã CSS vào khung Đầu vào, hoặc dùng Tải lên để nạp tệp .css. Thử nút Mẫu để xem hoạt động. Quá trình minify cũng tự động chạy khi bạn gõ.
Thiết Lập Tùy Chọn Chú Thích
Bật Xóa comment để loại bỏ mọi khối /* ... */, hoặc tắt để giữ lại header giấy phép và chú thích.
Minify
Bấm Minify hoặc nhấn Ctrl + Enter. Mã CSS đã nén xuất hiện ngay lập tức kèm tô sáng cú pháp trong khung Kết quả.
Xem Lại & Xuất
Kiểm tra thanh thống kê để xem dung lượng gốc, dung lượng sau khi minify và phần trăm tiết kiệm. Sau đó Sao chép kết quả hoặc Tải xuống dưới dạng minified.css.
Trình Nén CSS Tối Ưu Những Gì
Trình minify áp dụng các phép biến đổi an toàn, đã được kiểm chứng, giúp thu nhỏ CSS mà không thay đổi cách hiển thị.
| Tối ưu | Trước | Sau |
|---|---|---|
| Xóa chú thích | /* header */ | (đã xóa) |
| Gộp khoảng trắng | margin: 0 auto; | margin:0 auto |
| Chấm phẩy ở cuối | color:red;} | color:red} |
| Đơn vị 0 | padding: 0px; | padding:0 |
| Rút gọn màu hex | #ffffff | #fff |
Được Xây Dựng Để Luôn Hợp Lệ
Giữ Nguyên Biểu Thức calc()
Khoảng trắng quanh toán tử bên trong calc() là bắt buộc theo chuẩn, nên trình minify bảo vệ chúng và các phép tính của bạn vẫn hoạt động.
Bật Tắt Chú Thích
Giữ hoặc xóa chú thích /* */ chỉ với một công tắc — tiện để giữ lại banner giấy phép.
Thống Kê Nén Trực Tiếp
Xem dung lượng gốc, dung lượng sau khi minify và phần trăm tiết kiệm sau mỗi lần chạy.
Tải Lên, Sao Chép & Tải Xuống
Nạp tệp .css từ ổ đĩa, sao chép kết quả vào clipboard, hoặc tải xuống dưới dạng tệp.
Câu Hỏi Thường Gặp
Minify CSS thực sự làm gì?
Nó loại bỏ các ký tự mà trình duyệt không cần để hiển thị trang — dấu xuống dòng, thụt lề, chú thích, và khoảng trắng quanh dấu ngoặc nhọn, chấm phẩy và dấu hai chấm — cùng các rút gọn an toàn như 0px → 0 và #ffffff → #fff. Selector, thuộc tính, giá trị và thứ tự cascade được giữ nguyên chính xác.
CSS của tôi sẽ nhỏ đi bao nhiêu?
Hầu hết mã CSS thu nhỏ khoảng 20–50%, tùy vào số lượng chú thích và khoảng trắng trong bản gốc. CSS được ghi chú kỹ hoặc định dạng rộng rãi tiết kiệm nhiều nhất. Thanh thống kê hiển thị phần trăm chính xác cho tệp của bạn.
Minify có làm hỏng mã CSS của tôi không?
Không. Trình minify chỉ xóa các ký tự không cần thiết và rút gọn giá trị một cách an toàn. Nó bảo vệ biểu thức calc() và không đụng đến media query lẫn selector, nên kết quả hiển thị giống hệt mã nguồn của bạn.
Tôi có thể unminify hoặc định dạng lại CSS đã nén không?
Công cụ này chỉ minify. Vì minify là thay đổi định dạng, một trình làm đẹp mã có thể thụt lề lại kết quả, nhưng chú thích và cách đặt tên gốc đã mất. Luôn giữ mã nguồn chưa minify để phát triển và chỉ minify bản bạn triển khai.
Minify có giống nén gzip không?
Không — chúng bổ sung cho nhau. Minify viết lại CSS để loại bỏ ký tự thừa; gzip hoặc Brotli sau đó nén các byte truyền tải ở cấp máy chủ. Hãy minify trước, rồi để máy chủ áp dụng gzip lên trên để tải xuống nhỏ nhất.
Nó có xóa chú thích giấy phép không?
Nếu bật Xóa comment, mọi chú thích /* */ đều bị xóa, kể cả header giấy phép. Tắt tùy chọn này khi bạn cần giữ lại thông tin ghi công hoặc thông báo pháp lý.
Code của tôi có được gửi lên máy chủ không?
Không. Mọi thao tác minify diễn ra cục bộ trong trình duyệt bằng JavaScript. CSS của bạn không bao giờ được tải lên, ghi log, hay lưu ở bất kỳ đâu.
Chưa có bình luận nào. Hãy là người đầu tiên!