Trình thu nhỏ CSS

Trình thu nhỏ CSS. Nén mã CSS bằng cách xóa khoảng trắng và nhận xét. Cải thiện ngay tốc độ tải trang web của bạn bằng trình thu nhỏ CSS trực tuyến miễn phí của chúng tôi.

Công cụ này cho phép bạn xóa khoảng trắng và chú thích khỏi Cascading Style Sheets (CSS).

Cho dù bạn đang tối ưu hóa các khuôn khổ tạo kiểu khổng lồ hay ưu tiên các đường dẫn hiển thị, công cụ nén CSS của chúng tôi đều đảm bảo tính toàn vẹn cấu trúc trong khi giảm đáng kể kích thước tệp. Dán chuỗi CSS của bạn và thu nhỏ biểu định kiểu của bạn.

Tiện ích tối ưu hóa mã cao cấp này tận dụng quy trình xử lý phía máy khách để nén các biểu định kiểu trong trình duyệt của bạn, đảm bảo các khuôn khổ thiết kế của bạn không bao giờ được tải lên máy chủ từ xa.

Việc truyền tệp cho các dịch vụ nén của bên thứ ba làm lộ tài sản trí tuệ của bạn, nhưng công cụ ngoại tuyến của chúng tôi loại bỏ lỗ hổng này. Chúng tôi cung cấp một cách riêng tư để thu nhỏ CSS cục bộ.

Công cụ liên quan: Tiếp tục quy trình với Trình xem JSON, Định dạng JSON, Thu nhỏ JSON. Các công cụ liên quan này hỗ trợ những tác vụ gần nhau như chuyển đổi, định dạng, xác thực, tạo dữ liệu và dọn dẹp.

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

Làm thế nào để thu nhỏ CSS trực tuyến?

Giữ chế độ Rút gọn và dán mã vào ô Văn bản CSS đầu vào, hoặc nhấp Mở tệp .css. Bảng CSS đã rút gọn cập nhật khi bạn gõ, và phần thống kê hiển thị kích thước gốc, kích thước đầu ra và dung lượng tiết kiệm được. Nhấp Sao chép, hoặc Tải xuống để lưu thành tệp .min.css.

Trình thu nhỏ CSS loại bỏ những gì?

Nó xóa chú thích, dấu xuống dòng và khoảng trắng không cần thiết, bỏ các câu lệnh rỗng và theo mặc định cả dấu chấm phẩy cuối trong mỗi khối, đồng thời rút gọn màu hex như #ffcc00 thành #fc0. Chuỗi, giá trị url() và biểu thức calc() được giữ nguyên. Nó không gộp, sắp xếp lại hay viết lại các quy tắc.

Các tùy chọn rút gọn có tác dụng gì?

Giữ chú thích giấy phép /*! giữ lại các chú thích bắt đầu bằng /*!, thường dùng cho phần đầu giấy phép; mọi chú thích khác bị xóa. Bỏ dấu chấm phẩy cuối bỏ dấu chấm phẩy tùy chọn trước dấu ngoặc nhọn đóng. Rút gọn màu hex viết lại màu sáu chữ số thành ba chữ số khi có thể. Cả ba đều bật theo mặc định.

Tôi có thể giải nén hoặc làm đẹp CSS đã rút gọn không?

Có. Chuyển chế độ sang Làm đẹp và dán CSS đã rút gọn; nó được định dạng lại thành các dòng riêng có thụt lề. Chọn thụt lề 2 dấu cách, 4 dấu cách hoặc Tab, rồi sao chép hoặc tải xuống tệp dễ đọc. Chú thích thông thường không được giữ lại khi làm đẹp.

CSS đã rút gọn có an toàn để dùng trên website của tôi không?

Trình thu nhỏ chỉ xóa các ký tự mà trình duyệt bỏ qua, nên các style sẽ hoạt động như cũ. Hãy kiểm tra kết quả trên trang của bạn và giữ tệp gốc để chỉnh sửa. Việc rút gọn chạy trong trình duyệt, nên CSS của bạn không bị tải lên.

Cách dùng công cụ trực tuyến này

Trình thu nhỏ CSS được thiết kế cho các quy trình nhanh trong trình duyệt khi bạn cần định dạng, kiểm tra, chuyển đổi, giải mã, mã hóa, tạo hoặc xem dữ liệu mà không cần mở ứng dụng nặng. Hãy bắt đầu với ô nhập liệu hoặc các tùy chọn hiện có, kiểm tra kết quả, rồi sao chép hoặc tải xuống đầu ra.

Xử lý riêng tư trong trình duyệt

Trình thu nhỏ CSS giữ bước xử lý thông thường ngay trong trình duyệt của bạn. Điều này hữu ích với đoạn mã, token, tài liệu, giá trị cấu hình, mẫu văn bản và nội dung khác không nên gửi đến dịch vụ từ xa khi không cần thiết.

Khi nào công cụ này hữu ích

Dùng Trình thu nhỏ CSS cho các tác vụ lặp lại của lập trình viên, tài liệu kỹ thuật, kiểm tra QA, chuyển đổi nhanh, gỡ lỗi, làm sạch nội dung và quy trình nội bộ của nhóm. Trang tập trung vào đầu vào rõ ràng, phản hồi nhanh và đầu ra dễ tái sử dụng.

Mẹo thực tế

Trước khi sao chép kết quả cuối cùng, hãy kiểm tra khoảng trắng, chữ hoa chữ thường, tên tệp, mã hóa, cấu trúc token, xuống dòng hoặc định dạng đầu ra. Các bước nhỏ này giúp tránh lỗi trong mã nguồn, báo cáo, ticket, email hoặc ghi chú kỹ thuật.