Xem và Tối Ưu SVG — File SVG Nhỏ Hơn

File SVG từ Illustrator, Figma hay Inkscape thường chứa hàng chục kilobyte metadata không cần thiết. Công cụ tối ưu SVG của chúng tôi xóa chúng và giảm kích thước file 40–70%.

Những Gì Được Tối Ưu?

Metadata editor (phiên bản, tên file), comment XML, định nghĩa và namespace không dùng, thuộc tính style dư thừa, độ chính xác thập phân quá mức trong tọa độ đường dẫn. Tất cả đều vô hình trong trình duyệt nhưng làm phình to file.

SVG Inline Vs. Ngoài

SVG inline cho phép animation CSS và JS và không cần request HTTP thêm. SVG ngoài (qua <img>) có thể cache và dễ bảo trì hơn. Dùng inline cho icon có thể animate, ngoài cho ảnh tĩnh dùng lại.

Khả Năng Tiếp Cận SVG

Thêm <title> làm văn bản thay thế cho screen reader. Dùng role="img" và aria-labelledby. SVG trang trí có aria-hidden="true". SVG dễ tiếp cận tốt cải thiện cả SEO lẫn trải nghiệm người dùng.