Tối ưu SVG

Cách sử dụng

1. Mở tệp .svg bằng trình soạn thảo văn bản và dán nội dung vào đây.
2. Cứ để nguyên mặc định; chúng chỉ xóa những gì không vẽ ra hình.
3. Giảm số chữ số thập phân nếu tệp chủ yếu là dữ liệu path mà vẫn lớn.
4. Xem lại trong bản thiết kế trước khi dùng — số chữ số là tùy chọn duy nhất có thể làm đổi hình.

Tính năng

• Xóa chú thích, khai báo XML, doctype và metadata của phần mềm.
• Bỏ các thuộc tính namespace do Inkscape, Sketch và Illustrator để lại.
• Làm tròn tọa độ dài theo số chữ số bạn chọn.
• Chỉ xóa width và height khi vẫn còn viewBox, để ảnh không mất kích thước.
• Chạy hoàn toàn trong trình duyệt.

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

Phần dung lượng thừa đến từ đâu?

Từ phần mềm thiết kế. Một tệp SVG xuất ra từ công cụ thiết kế mang theo khối metadata riêng, một doctype không ai đọc, các thuộc tính namespace ghi lại cả vị trí cửa sổ, và tọa độ viết tới mười bốn chữ số thập phân chỉ vì có một phép xoay. Với một icon thông thường, đó là phần lớn tệp, và không phần nào trong số đó hiện lên màn hình.

Làm tròn tọa độ có an toàn không?

Ở hai chữ số thập phân, với mọi kích thước thông thường thì có — sai lệch chỉ một phần trăm pixel. Nó chỉ lộ ra khi viewBox rất nhỏ mà ảnh lại phóng lên rất lớn, và đó là lý do đây là tùy chọn chứ không phải mức cố định. Hãy nhìn kết quả trước khi dùng.

Vì sao mặc định vẫn giữ width và height?

Vì bỏ chúng đi sẽ đổi cách ảnh cư xử khi không có kích thước từ CSS: có viewBox thì ảnh co theo khung chứa, nhưng thiếu hai thuộc tính đó ảnh có thể co lại hoặc phình ra ngoài ý muốn. Tùy chọn này dành cho khi bạn biết SVG của mình đã được style, và nó tự từ chối hành động khi không có viewBox để dựa vào.

Công cụ liên quan