Tối ưu SVG
Giảm dung lượng SVG và xuất ra React component, data URI hoặc Base64.
Chạy trên máy bạn. Dữ liệu bạn dán vào không được tải lên đâu cả.
Có Tối ưu SVG và 121 công cụ khác. Miễn phí 7 ngày, không cần tài khoản.
Công cụ này làm gì
Dán hoặc thả file SVG vào, công cụ tối ưu bằng SVGO ngay khi bạn gõ: bỏ metadata của trình chỉnh sửa, comment, layer ẩn và group thừa, làm tròn số và rút gọn path. Ảnh xem trước cùng dung lượng trước và sau cho biết bạn tiết kiệm được bao nhiêu.
Chép kết quả dạng SVG, dạng React component nhận props, dạng data URI đã mã hoá URL để dùng trong CSS, hoặc dạng Base64. Bạn chọn được số chữ số thập phân, chạy nhiều lượt, và bỏ width/height để hình co giãn theo khung. Ảnh xem trước không bao giờ chạy script nằm trong file.
Khi nào bạn cần đến nó
- Giảm dung lượng icon xuất từ Figma, Sketch hoặc Illustrator trước khi commit.
- Đổi SVG thành React icon component nhận className và kích thước qua props.
- Nhúng SVG nhỏ vào CSS làm background-image dạng data URI.
- Làm sạch SVG trước khi chèn vào email hoặc README.
Cũng hay được tìm bằng
- svg
- svgo
- optimize
- minify
- compress
- react
- jsx
- data uri
- icon