CSS Minifier
Nén CSS trực tuyến: loại bỏ chú thích và khoảng trắng thừa để giảm dung lượng stylesheet cho trang tải nhanh hơn. Tức thì, riêng tư, an toàn cho mọi rule.
Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu không bao giờ rời khỏi thiết bị — không được tải lên bất kỳ máy chủ nào.
Cách sử dụng
- 1Dán CSS của bạn vào ô nhập.
- 2Kết quả nén xuất hiện ngay, kèm dung lượng tiết kiệm hiển thị bên dưới.
- 3Sao chép stylesheet gọn gàng hoặc xóa đầu vào để nén file khác.
CSS Minifier
Dán stylesheet bất kỳ và nhận phiên bản gọn một dòng theo thời gian thực: chú thích bị gỡ, khoảng trắng dư bị gộp, dấu phân cách siết chặt — trong khi nội dung chuỗi, giá trị url() và ngữ nghĩa selector/property giữ nguyên như bản gốc.
Dùng để chuẩn bị critical CSS, làm gọn theme trước khi commit, hay xem việc dọn dẹp tiết kiệm thực sự bao nhiêu byte. Bảng dung lượng trực tiếp hiển thị kích thước vào, ra và phần trăm tiết kiệm.
Câu hỏi thường gặp
Nén CSS có làm thay đổi hành vi?
Không. Chỉ chú thích và khoảng trắng bị gỡ — và cả hai đều được xử lý cẩn thận: chuỗi và nội dung url() được giữ nguyên từng byte nên giá trị content và data URI nguyên vẹn.
Có tối ưu màu, gộp rule hay autoprefix?
Không — đây là trình nén an toàn ở cấp cú pháp. Tối ưu cấu trúc (gộp rule trùng, rút gọn màu) cần bộ hậu xử lý đầy đủ; công cụ này cam kết không đổi ngữ nghĩa.
CSS của tôi đi đến đâu?
Không đi đâu cả. Việc nén chạy cục bộ trong trình duyệt; không có gì được tải lên hay lưu lại.
Công cụ liên quan
HTML Minifier
Nén HTML ngay trong trình duyệt: gỡ chú thích và gộp khoảng trắng để giảm trọng lượng trang — dọn dẹp thận trọng, giữ nguyên markup và hiển thị.
Tất cả công cụ →
JavaScript Minifier
Trình nén JavaScript thận trọng: gỡ chú thích và gộp dòng trống, giữ lại xuống dòng — không viết lại rủi ro, ngữ nghĩa code giữ nguyên.
Tất cả công cụ →
JSON Minifier
Nén JSON trực tuyến: bỏ toàn bộ khoảng trắng để thu nhỏ payload cho API phản hồi nhanh và lưu trữ gọn — xem chính xác số byte tiết kiệm, riêng tư trong trình duyệt.
Tất cả công cụ →
Nhúng công cụ này
Đưa công cụ này vào trang của bạn bằng một dòng — nó chạy trong trình duyệt của khách.
<iframe src="https://zoyku.com/vi/tools/css-minifier?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — css-minifier" loading="lazy"></iframe>