Chuyển đến nội dung chính
EVOA Toolbox

Tối ưu SVG

Thu nhỏ tệp SVG bằng SVGO: xóa siêu dữ liệu và phần thừa, kiểm soát độ chính xác, giữ ID và viewBox, so sánh trước và sau.

Được xử lý cục bộ trong trình duyệt. Tệp của bạn không được tải lên.

Đang tải công cụ…

Công cụ này làm gì

Các tệp SVG xuất từ công cụ thiết kế thường mang theo siêu dữ liệu của trình soạn thảo, chú thích, giá trị mặc định và các con số quá chính xác. Công cụ này chạy SVGO (trình tối ưu SVG tiêu chuẩn) ngay trong trình duyệt của bạn và hiển thị kích thước trước và sau, cùng bản xem trước trực quan của cả hai phiên bản để bạn xác nhận không có gì thay đổi.

Các tùy chọn bao gồm những lựa chọn thực sự quan trọng: giữ viewBox để hình ảnh vẫn co giãn được, giữ tên id và class khi CSS hoặc JavaScript của bạn tham chiếu đến chúng, xóa siêu dữ liệu, chú thích hoặc tiêu đề, chọn số chữ số thập phân mà đường path giữ lại, và loại bỏ script. Khi tệp đã tối giản sẵn, công cụ sẽ nói rõ thay vì giả vờ tiết kiệm được byte.

Bản xem trước được hiển thị qua phần tử ảnh, nên script bên trong SVG không bao giờ chạy trên trang này, và mã được hiển thị dưới dạng văn bản. Nếu SVG chứa script, trình xử lý sự kiện, foreignObject hoặc tham chiếu bên ngoài, bạn sẽ thấy cảnh báo. Không có gì được tải lên.

Cách sử dụng

  1. 1Thêm một tệp SVG.
  2. 2Xem các cảnh báo (nếu có) về script hoặc tham chiếu bên ngoài.
  3. 3Điều chỉnh các tùy chọn. Kết quả tự động cập nhật.
  4. 4So sánh kích thước và bản xem trước trước và sau.
  5. 5Sao chép mã đã tối ưu hoặc tải xuống tệp .min.svg.

Định dạng được hỗ trợ

Đầu vào và đầu ra: SVG (.svg).

Quyền riêng tư

Công cụ này chạy trong trình duyệt của bạn. Dữ liệu bạn cung cấp được xử lý trên thiết bị và không được gửi đến máy chủ của chúng tôi.

Hạn chế

  • Giảm độ chính xác làm tệp nhỏ hơn nhưng có thể làm méo rõ rệt các chi tiết nhỏ; hãy so sánh bản xem trước trước khi dùng kết quả.
  • Xóa ID hoặc class có thể làm hỏng CSS, JavaScript hoặc các tham chiếu <use>; hãy bật Giữ ID nếu bạn phụ thuộc vào chúng.
  • Xóa viewBox khiến hình ảnh không còn co giãn theo vùng chứa; mặc định viewBox được giữ lại.
  • Các tệp đã được tối ưu có thể không nhỏ đi chút nào, và trong trường hợp hiếm còn có thể lớn hơn một chút.
  • Chỉ hỗ trợ hình ảnh SVG; ảnh điểm nhúng bên trong SVG không được nén lại.

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

Tối ưu hóa có không làm mất chất lượng không?

Với cài đặt mặc định, hình ảnh sẽ trông giống hệt. Giảm độ chính xác, gộp path hoặc xóa tiêu đề sẽ thay đổi nội dung tệp, nên hãy luôn so sánh bản xem trước.

Vì sao SVG của tôi không nhỏ đi?

Có thể nó đã được thu nhỏ sẵn. Hãy thử ít chữ số thập phân hơn, hoặc xóa tiêu đề và siêu dữ liệu nếu bạn không cần.

Mở tệp SVG có script có an toàn không?

Bản xem trước dùng phần tử ảnh, vốn không chạy script, và mã được hiển thị dưới dạng văn bản. Tuy vậy, đừng nhúng trực tiếp SVG từ nguồn không đáng tin cậy vào trang của bạn. Hãy bật Xóa script để loại bỏ chúng.

Giữ ID để làm gì?

SVGO thường rút gọn hoặc xóa các ID mà nó cho là không dùng đến. Giữ chúng sẽ bảo toàn các điểm móc cho CSS, hoạt ảnh và tham chiếu <use>.

Công cụ liên quan