Chuyển đến nội dung
ToolMug

Tối ưu SVG

Nén tệp SVG bằng SVGO trong trình duyệt. Công cụ xóa siêu dữ liệu, chú thích và thuộc tính thừa mà Illustrator, Inkscape và Figma thêm khi xuất, rút ngắn dữ liệu path và số thập phân để hình vẫn giữ nguyên mà tệp nhỏ hơn. Có thể xử lý nhiều tệp hoặc dán mã SVG.

Chạy trong trình duyệt — không có dữ liệu nào bạn nhập bị tải lên

3

Tọa độ được làm tròn đến số chữ số này. 2–3 chữ số hầu như không thấy khác với biểu tượng; ít hơn thì tệp nhỏ hơn nhưng có thể mất chi tiết.

hoặc thả các tệp vào đây

Hoặc dán mã SVG
SVG đã tối ưu

Cách sử dụng

  1. Chọn hoặc thả các tệp SVG, có thể chọn nhiều tệp, hoặc dán mã SVG bên dưới. Nhấn Tải mẫu để xem thử.
  2. Điều chỉnh số chữ số thập phân và các tùy chọn khác. Kết quả cập nhật ngay và cho biết từng tệp đã nhỏ hơn bao nhiêu.
  3. Tải từng tệp đã tối ưu hoặc nhấn Tải tất cả (ZIP). Mã đã dán có thể sao chép trực tiếp.

Giải thích tùy chọn

Số chữ số thập phân
Số chữ số giữ lại cho tọa độ và số, mặc định là 3. Biểu tượng thường không đổi ở 1–2 chữ số; giữ 3 chữ số trở lên cho minh họa và bản đồ chi tiết.
Chạy nhiều lượt
Lặp tối ưu cho đến khi tệp không nhỏ thêm. Cách này thường tiết kiệm thêm vài phần trăm nhưng mất nhiều thời gian hơn một chút.
Xóa width/height
Chỉ giữ viewBox để SVG co giãn theo phần tử chứa, hữu ích khi kích thước được đặt bằng CSS.
Giữ ID
Mặc định ID không dùng sẽ bị xóa và ID còn lại được rút ngắn. Chọn mục này nếu CSS, JavaScript hoặc tệp khác tham chiếu đến phần tử bằng ID.

Ví dụ

Bản gốc xuất từ Inkscape có 789 byte, chứa khai báo XML, chú thích, siêu dữ liệu, thuộc tính riêng của trình biên tập và các số thập phân dài. Bản tối ưu còn 248 byte:

<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>

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

Hình có bị xấu đi không?

SVG là định dạng vector. Tối ưu chỉ xóa nội dung không ảnh hưởng hiển thị và làm tròn số theo số chữ số đã chọn. Với mặc định, khác biệt không nhìn thấy; nếu hình bị méo, hãy tăng số chữ số thập phân.

Tệp sẽ nhỏ hơn bao nhiêu?

Tùy phần mềm xuất tệp. SVG từ công cụ thiết kế thường giảm 30–70%; tệp mẫu giảm từ 789 xuống 248 byte. Tệp đã tối ưu sẵn sẽ thay đổi ít.

Vì sao hoạt ảnh hoặc script ngừng hoạt động?

Nếu style hoặc script của SVG chọn phần tử bằng ID, hãy chọn Giữ ID.

Tệp của tôi có được tải lên không?

Không. SVGO chạy trong trình duyệt; tệp được đọc và xử lý cục bộ.

Quyền riêng tư

Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Tệp và văn bản được xử lý ngay trên thiết bị và không bao giờ được tải lên máy chủ của chúng tôi.

Công cụ liên quan