Dọn dẹp siêu dữ liệu thừa, làm gọn đường dẫn path và nén dung lượng mã nguồn vector SVG
Khi bạn xuất các tệp đồ họa vector SVG từ các phần mềm chuyên nghiệp như Adobe Illustrator, Figma hay Inkscape, các tệp này thường bị gài kèm hàng chục dòng mã siêu dữ liệu rác không cần thiết: chú thích của phần mềm, định danh layer thừa (IDs), các thẻ nhóm <g> trống và tọa độ số thập phân có độ dài lên tới 10 chữ số sau dấu phẩy. Những thông tin thừa này làm phình to dung lượng tệp và làm chậm tốc độ hiển thị của trình duyệt.
Công cụ SVG Optimizer áp dụng các thuật toán tương tự công cụ SVGO tiêu chuẩn ngành ngay trên trình duyệt: loại bỏ các phần tử ẩn, làm tròn các tọa độ đường cong về số thập phân tối ưu, chuyển đổi các thẻ hình học cơ bản sang lệnh đường dẫn <path> thu gọn và nén dung lượng tệp lên tới 50% - 70% mà không làm suy giảm chất lượng hiển thị dù chỉ một pixel.
Mã XML SVG → Phân tích DOM Tree → Bộ lọc dọn dẹp SVGO (Bỏ Metadata, Làm tròn tọa độ, Gộp Path) → Mã SVG tinh gọn
Bộ phân tích XML loại bỏ các thẻ như <metadata>, <title>, các thuộc tính xmlns thừa và tối ưu hóa chuỗi lệnh vẽ path (ví dụ: chuyển đổi lệnh tuyệt đối sang tương đối nếu ngắn hơn).
viewBox và lược bỏ thuộc tính width/height cố định nếu bạn muốn đồ họa co giãn linh hoạt bằng CSS.