Trình tối ưu SVG

Trình tối ưu SVG

Bỏ phần thừa do phần mềm thiết kế để lại, rút gọn tọa độ và gộp đường dẫn bằng SVGO — mọi tùy chọn do bạn quyết định, có đối chiếu cạnh nhau.

Trình tối ưu SVG

☞ chạy hoàn toàn trong trình duyệt — không có gì được tải lên

Kéo tệp SVG của bạn vào đây

hoặc bấm để chọn tệp — chỉ nhận SVG

nhẹ hơn, hình vẫn thế

Vì sao tệp SVG nặng hơn mức cần thiết

Tệp xuất ra từ phần mềm thiết kế mang theo siêu dữ liệu của trình biên tập, các định nghĩa không dùng đến và tọa độ ghi tới cả chục chữ số thập phân. Không thứ nào ảnh hưởng đến hình, nhưng tất cả đều được gửi tới từng người truy cập.

SVGO gỡ những thứ đó một cách an toàn. Bản xem trước cạnh nhau có mặt để bạn xác nhận không có gì cần thiết bị dọn mất — gộp một đường dẫn hay dọn một id đôi khi làm thay đổi tệp mà mã khác đang phụ thuộc vào.

ba bước

Cách tối ưu một tệp SVG

01

Thả tệp SVG

Chọn một tệp .svg — tệp vẫn nằm trên thiết bị của bạn.

02

Chọn tùy chọn

Bật thứ cần bỏ và đặt số chữ số thập phân.

03

Đối chiếu rồi lưu

Xem cả hai bản xem trước, rồi sao chép mã hoặc tải về.

giải đáp nhanh

Hỏi đáp về trình tối ưu SVG

Tối ưu có làm hỏng SVG của tôi không?

Thiết lập mặc định an toàn với hình vẽ đứng riêng. Hai tùy chọn cần lưu ý: gộp đường dẫn làm thay đổi cấu trúc tài liệu, còn dọn thuộc tính id sẽ đổi tên những thứ mà CSS hoặc JavaScript của bạn có thể tham chiếu. Hãy tắt chúng nếu tệp có hoạt ảnh hoặc kịch bản.

Nên đặt bao nhiêu chữ số thập phân?

Ba là mức mặc định hợp lý. Biểu tượng đơn giản thường vẫn ổn ở mức 1–2 và tiết kiệm thêm chút nữa, còn hình minh họa chi tiết và bản đồ có thể méo thấy rõ khi dưới 3 — bản xem trước cạnh nhau sẽ cho thấy điều đó.

Khác gì so với trình rút gọn?

Trình rút gọn chạy cùng một bộ máy với thiết lập chuẩn và không có gì để chọn. Dùng nó khi bạn chỉ muốn tệp nhẹ hơn; dùng trang này khi bạn cần kiểm soát chính xác thứ bị bỏ đi.

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

Không. SVGO chạy trong trình duyệt của bạn và tệp không rời khỏi thiết bị.