Công Cụ Nén CSS

Công cụ Nén CSS là tiện ích trực tuyến miễn phí giúp nén bảng định kiểu để giảm dung lượng tệp. Nó loại bỏ chú thích, gộp khoảng trắng, xóa dấu chấm phẩy thừa, tối ưu giá trị 0 và rút gọn mã 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ề và phân tích nhanh hơn.

Chạy hoàn toàn trong trình duyệt. CSS của bạn không bao giờ được tải lên hay lưu trên máy chủ — mọi thao tác nén diễn ra cục bộ, nên cả bảng định kiểu độc quyền cũng được bảo mật.

Vì Sao Nên Nén CSS

Tải Trang Nhanh Hơn

Bảng định kiểu nhỏ hơn truyền ít byte hơn, cải thiện First Contentful Paint và điểm Core Web Vitals.

Giảm Băng Thông

Cắt 30–60% dung lượng tệp để giảm chi phí lưu trữ và CDN, đặc biệt với website lưu lượng cao.

Sẵn Sàng Production

Triển khai CSS gọn gàng, súc tích mà không cần dựng quy trình build hay cài đặt công cụ nào.

Cách Nén CSS

Dán Hoặc Tải CSS Lên

Gõ hoặc dán bảng định kiểu vào ô nhập bên trái, hoặc dùng Tải lên để nạp trực tiếp tệp .css. Bấm Mẫu để xem cách hoạt động.

Đặt Tùy Chọn Chú Thích

Bật Xóa chú thích để loại bỏ mọi khối /* ... */, hoặc tắt nếu bạn cần giữ tiêu đề bản quyền và ghi chú.

Nén

Bấm Minify hoặc nhấn Ctrl + Enter. CSS đã nén xuất hiện ngay trong ô kết quả.

Xem & Xuất

Xem thanh thống kê hiển thị dung lượng gốc, dung lượng sau nén và mức tiết kiệm. Sau đó Sao chép kết quả hoặc Tải về dưới dạng tệp.

Phím tắt: nhấn Ctrl + Enter ngay trong trình soạn thảo để nén mà không cần dùng chuột.

Tối Ưu & Tính Năng

Những Gì Được Tối Ưu

Công cụ áp dụng các phép biến đổi an toàn, được công nhận rộng rãi để 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`
Dấu chấm phẩy thừa	`color:red;}`	`color:red}`
Giá trị 0	`padding: 0px;`	`padding:0`
Rút gọn màu hex	`#ffffff`	`#fff`

Thiết Kế Để Luôn Hợp Lệ

Giữ Nguyên Biểu Thức calc()

Khoảng trắng quanh các toán tử bên trong calc() là bắt buộc theo chuẩn. Công cụ bảo vệ chúng để phép tính của bạn vẫn hoạt động.

Tùy Chọn Chú Thích

Giữ hoặc loại bỏ chú thích /* */ chỉ bằng một công tắc — tiện cho việc giữ lại biểu ngữ bản quyền.

Thống Kê Nén

Xem dung lượng gốc, dung lượng sau nén và phần trăm tiết kiệm sau mỗi lần chạy.

Tải Lên Hoặc Dán

Nạp tệp .css từ ổ đĩa hoặc dán mã trực tiếp — tùy theo quy trình của bạn.

Nên biết: việc nén chỉ thay đổi định dạng, không đụng tới bộ chọn hay quy tắc. Nó không gộp các quy tắc trùng lặp hay viết lại thuộc tính rút gọn, nên cơ chế cascade vẫn hoạt động y hệt.

Câu Hỏi Thường Gặp

Mã của tôi có được gửi lên máy chủ không?

Không. Mọi thao tác nén 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.

Nén có làm hỏng CSS của tôi không?

Không. Công cụ chỉ loại bỏ các ký tự không cần thiết — khoảng trắng, chú thích, dấu chấm phẩy thừa — và rút gọn giá trị một cách an toàn. Nó bảo vệ biểu thức calc() và giữ nguyên media query cùng bộ chọn, nên kết quả hiển thị y hệt.

Tôi có thể giảm bao nhiêu dung lượng tệp?

Bảng định kiểu thông thường giảm khoảng 30–60%, tùy vào lượng chú thích và khoảng trắng trong bản gốc. CSS có nhiều ghi chú hoặc định dạng rộng rãi sẽ tiết kiệm nhiều nhất.

Tôi có nên giữ bản chưa nén không?

Có. CSS đã nén rất khó đọc và chỉnh sửa, nên hãy luôn giữ bản gốc có định dạng để phát triển. Chỉ nén bản dùng để triển khai lên production.

Công cụ có xóa chú thích bản quyền không?

Nếu bật Xóa chú thích, mọi chú thích /* */ đều bị loại bỏ, kể cả tiêu đề bản quyền. Hãy tắt tùy chọn này khi bạn cần giữ thông tin ghi công hoặc thông báo pháp lý.