Công cụ rút gọn CSS

Nén các đoạn CSS đã dán hoặc tệp .css cục bộ trực tiếp trong trình duyệt của bạn. Bảng định kiểu của bạn không được tải lên, ghi nhật ký hoặc gửi tới API.

Nhấp để chọn tệp CSS hoặc thả vào đây

Bạn cũng có thể dán CSS trực tiếp vào trình soạn thảo bên dưới.

0 byte

0 byte

Sẵn sàng

Cài đặt CSSO bảo thủ

Chạy mặc định loại bỏ bình luận và khoảng trắng nhưng giữ các tối ưu hóa cấu trúc bị vô hiệu hóa để tránh việc viết lại bảng kiểu nguy hiểm.

Đoạn mã và đầu vào tệp

Dán CSS một phần, biểu định kiểu đầy đủ, truy vấn phương tiện, thuộc tính tùy chỉnh hoặc tải tệp .css cục bộ.

Đo lường an toàn

Analytics chỉ sử dụng nhóm kích thước và mức giảm. Nguồn CSS, URL, bộ chọn, bình luận và tên tệp nằm ngoài phạm vi đo từ xa.

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

CSS của tôi đã được tải lên để chuyển đổi?

Không. Trình thu nhỏ chạy cục bộ bằng JavaScript của trình duyệt. CSS đã dán và các tệp đã chọn không được gửi đến máy chủ Convertr.

Tại sao tối ưu hóa cấu trúc bị tắt theo mặc định?

Một số bản viết lại CSS quá mạnh có thể thay đổi hành vi xếp tầng. Phiên bản đầu tiên giữ mức nén thận trọng và tập trung vào việc thu nhỏ an toàn.

Điều gì xảy ra khi CSS có lỗi syntax?

Lỗi phân tích được hiển thị trong bảng cảnh báo để bạn có thể sửa bảng kiểu trước khi sao chép đầu ra.

Công cụ dành cho nhà phát triển liên quan

Trình biên dịch SCSS Biên dịch đoạn mã Sass/SCSS trực tuyến Chuyển đổi màu CSS Chuyển đổi CSS màu Máy phát điện CSS Gradient Generator Tạo gradient CSS cục bộ Trình kiểm tra độ tương phản màu WCAG Xác minh độ tương phản màu dễ tiếp cận HTML Công cụ rút gọn Nén đoạn mã HTML Trình tối ưu SVG Nén mã SVG Công cụ phát triển Duyệt các tiện ích trình duyệt

Công cụ rút gọn CSS

Xóa định dạng an toàn và chú thích khỏi CSS đã dán để giảm kích thước truyền tải.

Đầu vào
Văn bản nguồn CSS và các tùy chọn nén tối thiểu có sẵn.
Đầu ra
CSS đã nén cùng với thông tin kích thước trước và sau.
Giới hạn thực tế
Minification không phải là xác thực ngữ nghĩa, thêm tiền tố hoặc loại bỏ mã chết; CSS bị lỗi và các thủ thuật bất thường có thể yêu cầu xem xét thủ công.
Quyền riêng tư và xử lý dữ liệu
Văn bản nguồn CSS và các tùy chọn thu nhỏ có sẵn được xử lý trong tab trình duyệt này. Convertr không nhận hoặc lưu trữ nó; đóng hoặc tải lại trang sẽ xóa trạng thái làm việc trừ khi công cụ cung cấp tải xuống cục bộ.

Cách sử dụng công cụ này

  1. Cung cấp văn bản nguồn CSS và các tùy chọn minification có sẵn trong các điều khiển công cụ.
  2. Chọn các cài đặt ảnh hưởng đến CSS đã thu nhỏ cùng với thông tin kích thước trước và sau, sau đó chạy công cụ.
  3. Xem lại CSS đã nén cùng với thông tin kích thước trước và sau khi sao chép hoặc tải xuống.

Các lỗi thường gặp

Các khối chưa đóng, chuỗi không hợp lệ hoặc cú pháp mà trình phân tích không thể hiểu được sẽ được trả về dưới dạng lỗi thay vì đầu ra đã thay đổi.

Ví dụ thực tế

Thu nhỏ quy tắc .card đã định dạng bằng cách loại bỏ thụt lề, bình luận và khoảng trắng không cần thiết trong khi giữ nguyên các khai báo của nó.