Dọn dẹp một icon SVG xuất từ Figma, Illustrator hoặc Sketch trước khi commit vào repo. Cắt gọn payload trước khi inline nó vào HTML hoặc CSS (nơi mỗi byte đi cùng mỗi trang). Bỏ những comment XML mà một số công cụ thiết kế để lại trong file export ("Generator: Adobe Illustrator…"). Một pass sanity-check nhanh trước khi mã hóa SVG thành data: URL.

Tối ưu hóa SVG

Nén file SVG ngay trong trình duyệt. Loại bỏ chú thích, khoảng trắng vô dụng, thuộc tính mặc định và làm tròn số thập phân dài. File không bao giờ rời thiết bị của bạn.

SVG input

🔒 Files never leave your browser — no upload, no server, no tracking.

Tùy chọn

Remove comments Collapse whitespace Drop default attrs Round coords (2 dp)

Optimized SVG

Nhập dữ liệu ở trên để xem kết quả.

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

Công cụ này chạy một nhóm nhỏ các pass regex viết tay trên một SVG để giảm dung lượng byte: loại bỏ comment XML, gộp khoảng trắng giữa các thẻ, bỏ một vài thuộc tính vốn đã trùng giá trị mặc định, và làm tròn các tọa độ thập phân dài về 2 chữ số. Mỗi pass là một checkbox bạn có thể tắt. Mọi thứ diễn ra trong trình duyệt — không upload, không server.

Khi nào nên dùng

Dọn dẹp một icon SVG xuất từ Figma, Illustrator hoặc Sketch trước khi commit vào repo.
Cắt gọn payload <svg> trước khi inline nó vào HTML hoặc CSS (nơi mỗi byte đi cùng mỗi trang).
Bỏ những comment XML mà một số công cụ thiết kế để lại trong file export ("Generator: Adobe Illustrator…").
Một pass sanity-check nhanh trước khi mã hóa SVG thành data: URL.

Lưu ý thường gặp

Không quyết liệt bằng SVGO. Thư viện SVGO thật có thể tối ưu path, dọn viewBox và hàng chục pass khác. Công cụ này cố tình chỉ làm những pass an toàn, hiển nhiên — để giữ 0 dependency và 100 % trong trình duyệt.
Việc bỏ thuộc tính mặc định là bảo thủ. Chỉ xóa một danh sách ngắn các mặc định thường gặp (stroke="none", fill-rule="nonzero", v.v.). Nếu SVG của bạn cần chúng tường minh, bỏ chọn tùy chọn.
Làm tròn tọa độ là có mất mát. 2 chữ số thập phân an toàn cho icon và logo; với biểu đồ độ chính xác cao thì nên tắt.
Gộp whitespace có thể làm hỏng <text>. Các phần tử <text> dựa vào nhiều khoảng trắng sẽ mất chúng. Với SVG icon (không có chữ), điều này không bao giờ là vấn đề.