Tối ưu SVG
Chọn một tệp SVG tĩnh hoặc dán mã để tối ưu. So sánh phần hiển thị, mã nguồn và kích thước tệp trước và sau khi tối ưu, rồi sao chép kết quả hoặc lưu thành tệp SVG.
Bạn có thể làm gì
Tối ưu kích thước tệp SVG
Dọn dẹp chú thích, siêu dữ liệu của phần mềm chỉnh sửa, cách biểu diễn số và nội dung khác.
Kiểm tra trước và sau, rồi lưu
So sánh giao diện, mã và kích thước tệp, rồi sao chép hoặc lưu SVG đã tối ưu.
Cách sử dụng
Nhập SVG
Chọn 1 tệp SVG hoặc dán mã.
Điều chỉnh cài đặt nếu cần
Kiểm tra độ chính xác thập phân và thông tin cần loại bỏ trong phần cài đặt nâng cao. Thông thường bạn có thể bắt đầu với giá trị mặc định.
So sánh giao diện và kích thước tệp
Chạy tối ưu và kiểm tra thay đổi về giao diện, mã và kích thước tệp.
Lưu SVG đã tối ưu
Sao chép mã kết quả hoặc tải xuống dưới dạng tệp SVG.
Hữu ích khi
Giảm kích thước tệp logo và biểu tượng
Dọn dẹp SVG trước khi xuất bản trên web và kiểm tra sự cân bằng giữa giao diện và kích thước tệp.
Dọn dẹp thông tin chỉnh sửa
Loại bỏ siêu dữ liệu và chú thích của phần mềm chỉnh sửa nếu cần, rồi lưu.
Cần kiểm tra gì khi tối ưu SVG
Siêu dữ liệu và giao diện là hai việc khác nhau
Bạn có thể loại bỏ thông tin của phần mềm chỉnh sửa và chú thích. Tiêu đề, mô tả và nội dung tương tự sẽ được giữ lại theo cài đặt.
Khi độ chính xác thập phân làm thay đổi hình dạng
Việc làm tròn chữ số thập phân trong tọa độ và các giá trị khác có thể làm thay đổi đường viền mảnh hay vị trí. Hãy so sánh trước và sau khi xử lý.
Cũng nên kiểm tra CSS và các tham chiếu ở đích đến
ID và viewBox được giữ lại, nhưng mã sẽ được dọn dẹp. Nếu bạn dùng CSS bên ngoài hoặc tham chiếu tương tự, hãy kiểm tra giao diện tại nơi SVG thực sự được xuất bản.
Hỗ trợ SVG tĩnh
Các SVG chứa script, tham chiếu bên ngoài, hình ảnh nhúng hoặc hoạt ảnh sẽ không được hỗ trợ. Các tham chiếu nằm bên trong SVG thì được hỗ trợ.
Câu hỏi thường gặp
Kích thước tệp có luôn giảm không?
Với các SVG đã được tối ưu, kích thước tệp có thể giữ nguyên hoặc tăng lên. Hãy quyết định dựa trên kích thước tệp thu được.
Giao diện có giữ nguyên không?
Nó có thể thay đổi tùy theo cài đặt như độ chính xác thập phân. Hãy kiểm tra phần xem trước trước và sau, cũng như nơi SVG sẽ được xuất bản.
Tôi có thể kiểm tra cả mã gốc không?
Mở “Mã trước khi tối ưu” trong kết quả để kiểm tra nội dung trước lần xử lý này.
Xử lý tệp
- Đầu vào
- Dùng SVG tĩnh ở dạng UTF-8. Tệp gốc không bị ghi đè.
- Đầu ra
- Mã SVG đã tối ưu và một tệp .min.svg.