Bộ tối ưu và rút gọn SVG
Riêng tư theo thiết kế — chạy hoàn toàn trong trình duyệt của bạn
Rút gọn và làm sạch các tệp SVG trong trình duyệt của bạn. Toova loại bỏ siêu dữ liệu, đơn giản hóa đường dẫn, gập các phần tử dư thừa, và tạo ra SVG nhỏ hơn, nhanh hơn render giống hệt bản gốc — không tải tệp đi đâu cả.
Những gì bị loại bỏ
Các tệp SVG từ công cụ thiết kế bao gồm nhiều rác: siêu dữ liệu trình chỉnh sửa, không gian tên XML mà không có gì tham chiếu, chú thích, nhóm trống, biến đổi dư thừa, và tọa độ dấu phẩy động với độ chính xác hơn bất kỳ màn hình nào có thể render. Toova loại bỏ tất cả trong khi giữ nguyên đầu ra trực quan chính xác. Kết quả thường nhỏ hơn 40-70%, đôi khi nhiều hơn nhiều cho tệp đến từ Illustrator hoặc Sketch.
Đơn giản hóa đường dẫn
Dữ liệu đường dẫn thường là phần lớn nhất của tệp SVG. Toova làm tròn tọa độ đến độ chính xác có thể cấu hình, loại bỏ điểm điều khiển dư thừa trên đường thẳng, và chuyển cú pháp dài dòng sang tương đương ngắn hơn. Kết quả không thể phân biệt về thị giác với bản gốc trừ khi bạn phóng to qua ngưỡng độ chính xác. Độ chính xác thấp hơn nghĩa là tệp nhỏ hơn nhưng kém mượt hơn ở phóng to cực đại.
Chỉ cục bộ
Mọi tối ưu hóa diễn ra trong trình duyệt của bạn. SVG bạn dán — có thể là tài sản thương hiệu, biểu tượng chưa phát hành, hoặc bất kỳ đồ họa độc quyền nào — không bao giờ rời trang. Tab Network sẽ trống trong khi tối ưu hóa, và trang hoạt động ngoại tuyến sau lần tải đầu tiên. Điều đó khiến Toova an toàn cho công việc hệ thống thiết kế và chuẩn bị tài sản nội bộ.
Câu hỏi thường gặp
- SVG sẽ nhỏ hơn bao nhiêu?
- Thường nhỏ hơn 40-70% cho tệp đến từ công cụ thiết kế, đôi khi nhiều hơn nhiều nếu bản gốc có siêu dữ liệu nặng. Cho SVG viết tay đã gọn, việc tiết kiệm nhỏ hơn — thường 10-20%.
- Việc tối ưu hóa có thay đổi cách SVG trông không?
- Không rõ rệt. Trình tối ưu hóa giữ nguyên đầu ra đã render chính xác. Độ chính xác đường dẫn có thể cấu hình — ở độ chính xác mặc định, không có khác biệt nào nhìn thấy ở bất kỳ mức phóng to nào người dùng thực sự sẽ dùng.
- Nó có loại bỏ viewBox không?
- Không. viewBox quan trọng cho việc mở rộng SVG và luôn được giữ. Trình tối ưu hóa loại bỏ thuộc tính width và height dư thừa khi viewBox đủ.
- Tôi có thể giữ siêu dữ liệu cụ thể không?
- Có. Theo mặc định, siêu dữ liệu cụ thể của trình chỉnh sửa bị loại bỏ, nhưng siêu dữ liệu khả năng tiếp cận (tiêu đề, mô tả, vai trò ARIA) được giữ. Bật các lượt tối ưu hóa riêng lẻ nếu bạn cần kiểm soát tinh hơn.
- SVG của tôi có được gửi đến máy chủ không?
- Không. Tối ưu hóa chạy hoàn toàn trong trình duyệt của bạn.