Tối ưu SVG

6 người đã dùng

Bỏ metadata, số lẻ thừa và nhóm rỗng mà Illustrator, Figma, Inkscape để lại. Hình giữ nguyên, file nhẹ hơn, xử lý ngay trên máy bạn.

Thả file SVG vào đây · hoặc dán Ctrl/Cmd + V

Xong việc này? Labs gợi ý bước tiếp theo

Xoá nền ảnhTăng độ phân giảiNén & đổi định dạng ảnh

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

Tối ưu SVG online có miễn phí không?

Có. Công cụ tối ưu SVG của ColorME miễn phí, không cần đăng nhập và không giới hạn số file.

File SVG có bị tải lên máy chủ không?

Khi xử lý thì không: file được tối ưu ngay trên trình duyệt bằng SVGO, không gửi lên máy chủ. Chỉ khi bạn đã đăng nhập, file kết quả bạn tải về mới được lưu vào mục Lịch sử riêng của bạn và tự xoá sau 180 ngày.

Tối ưu SVG giảm được bao nhiêu dung lượng?

Tuỳ file và mức tối ưu. Với các file ColorME đã thử, mức Cân bằng giảm khoảng 20–60%, An toàn 10–50% và Tối đa 35–75%. File xuất từ Illustrator, Figma hay Inkscape thường giảm nhiều vì chứa nhiều metadata, lớp thừa và số thập phân dài.

Ba mức An toàn, Cân bằng và Tối đa khác nhau thế nào?

An toàn gần như không đổi hình, Cân bằng là mức mặc định của SVGO phù hợp đa số file, Tối đa làm tròn mạnh để file nhẹ nhất nhưng nên kiểm tra lại hình.

Tối ưu SVG có làm thay đổi hình không?

Ở mức An toàn và Cân bằng, hình hiển thị gần như giống hệt. Bạn so sánh Bản gốc và Đã tối ưu ngay trên trang trước khi tải về.

Khi nào nên giữ ID trong SVG?

Bật Giữ ID khi SVG được điều khiển bằng CSS hoặc JavaScript, hoặc dùng cho animation, vì các ID này bị xoá hoặc đổi tên có thể làm hỏng hiệu ứng.

Có nên bỏ width và height của SVG không?

Bỏ width/height giúp SVG co giãn theo khung chứa, tiện cho icon và logo responsive trên web; giữ lại nếu bạn cần kích thước cố định.

Số chữ số thập phân nên để bao nhiêu?

Mức 2 đến 3 chữ số thập phân thường đủ chính xác cho icon và logo; giảm thêm giúp file nhẹ hơn nhưng có thể làm lệch nét nhỏ.

Có sao chép mã SVG để dán vào code không?

Có. Bấm Sao chép mã để lấy mã SVG đã tối ưu, dán trực tiếp vào HTML, React hoặc Vue.

Tối ưu SVG có tốt cho SEO và tốc độ web không?

Có. SVG nhẹ hơn giúp trang tải nhanh hơn, cải thiện chỉ số Core Web Vitals, đặc biệt khi website dùng nhiều icon và hình minh hoạ vector.

Có tối ưu nhiều file SVG cùng lúc được không?

Công cụ xử lý từng file một; bấm File khác để mở file tiếp theo với cùng thiết lập.

Nên xuất SVG từ Illustrator thế nào trước khi tối ưu?

Dùng Export As hoặc Save As SVG, chọn Styling là Presentation Attributes, bỏ chọn giữ khả năng chỉnh sửa Illustrator, rồi đưa file vào công cụ để tối ưu thêm.

Công cụ cùng nhóm

Tất cả công cụ
Tách chủ thể, xuất PNG nền trong suốtXoá nền ảnhPhóng to ảnh 2x - 4x mà vẫn nétTăng độ phân giảiJPG, PNG, WebP, AVIF nhẹ hơnNén & đổi định dạng ảnhTừ PNG/JPG sang SVG để in ấnChuyển ảnh sang vectorLấy mã màu HEX từ ảnh bất kỳTrích xuất bảng màuCắt theo tỉ lệ, xoay, lật, chỉnh thẳng ảnhCắt & xoay ảnhCắt ảnh ngang thành slide liền mạch, tải ZIPChia ảnh carousel InstagramHEIC sang JPG, đổi đuôi và tên ảnh hàng loạtĐổi định dạng ảnh