Công cụ chỉ nạp bộ máy SVGO chính thức dành cho trình duyệt sau khi bấm Tối ưu. Cấu hình dùng bộ plugin tiêu chuẩn, đồng thời loại bỏ script và trình xử lý sự kiện để tệp an toàn hơn khi dùng trên web. Nếu CSS, JavaScript, gradient, mask hoặc tham chiếu bên ngoài cần đến ID, hãy bật tùy chọn giữ nguyên ID.
Tối ưu SVG miễn phí
Chạy hoàn toàn trên trình duyệt của bạn - không tải lên, không cần đăng ký.
Tối ưu SVG có tác dụng gì?
Tối ưu SVG giúp giảm kích thước tệp vector bằng cách bỏ siêu dữ liệu từ phần mềm thiết kế, nhận xét, thuộc tính thừa và độ chính xác số không cần thiết. Chỉ cần dán mã hoặc chọn tệp để chạy SVGO ngay trong trình duyệt. Sau đó có thể so sánh bản gốc với kết quả, rồi sao chép hoặc tải SVG nhỏ hơn mà không phải tải tác phẩm lên mạng.
Cách dùng
- 1Thêm SVG. Dán mã SVG đầy đủ, kéo tệp .svg trên máy vào vùng tải lên hoặc mở ví dụ có sẵn.
- 2Chọn thiết lập an toàn. Đặt độ chính xác thập phân, giữ tối ưu nhiều lượt để giảm thêm và giữ ID nếu mã khác đang tham chiếu đến chúng.
- 3Tối ưu và so sánh. Chạy SVGO, sau đó xem số byte trước và sau cùng hai bản xem trước trực quan.
- 4Sao chép hoặc tải xuống. Sao chép mã đã thu gọn hoặc tải tệp .optimized.svg mới mà không làm thay đổi tác phẩm gốc.
Dành cho ai
- Lập trình viên frontend muốn thu gọn biểu tượng, logo và hình minh họa trước khi đưa vào website hoặc thư viện component.
- Nhà thiết kế cần dọn siêu dữ liệu và mã riêng của Figma, Illustrator, Sketch hoặc Inkscape trong tệp xuất.
- Nhóm hiệu năng cần đo chính xác số byte UTF-8 tiết kiệm được trước khi đưa tài nguyên vector vào gói web.
- Người viết component chuẩn bị mã SVG nội tuyến gọn nhẹ cho React, Vue, Svelte hoặc HTML thuần.
Câu hỏi thường gặp
Công cụ tối ưu SVG có miễn phí không?
Có. Không cần tài khoản, thanh toán hay cài đặt. Công cụ hiển thị chính xác thay đổi theo byte UTF-8 và cho phép sao chép hoặc tải kết quả ngay trong trình duyệt.
SVG có bị tải lên máy chủ không?
Không. Việc đọc tệp, chạy SVGO, đo số byte và tạo bản xem trước đều diễn ra cục bộ trong trình duyệt. Logo, biểu tượng và tác phẩm chưa công bố không được công cụ này tải lên.
Có thể tối ưu tệp SVG lớn đến mức nào?
Công cụ nhận mã nguồn SVG tối đa 5 MB. Giới hạn này giúp quá trình phân tích vẫn nhanh trên điện thoại và laptop thông thường. Với hình minh họa xuất ra quá lớn, hãy bỏ ảnh raster nhúng hoặc tách tác phẩm thành các tài nguyên nhỏ hơn.
Tối ưu SVG có làm hình ảnh thay đổi không?
SVGO được thiết kế để giữ nguyên cách hiển thị trong khi bỏ dữ liệu thừa. Tuy vậy, làm tròn số quá mạnh hoặc dọn ID có thể ảnh hưởng đến tệp phức tạp. Hãy so sánh hai bản xem trước và thử SVG đã tối ưu trong đúng ngữ cảnh sử dụng trước khi thay tệp đang chạy thật.
Độ chính xác thập phân thay đổi điều gì?
Độ chính xác thập phân quyết định số chữ số sau dấu phẩy mà SVGO giữ lại trong tọa độ, phép biến đổi và các giá trị liên quan. Giá trị thấp thường tiết kiệm thêm dung lượng nhưng có thể làm xê dịch chi tiết rất nhỏ hoặc tác phẩm có kích thước lớn. Ba chữ số là mức mặc định hợp lý cho phần lớn biểu tượng và hình minh họa web.
Có nên giữ ID trong SVG không?
Hãy giữ ID khi CSS, JavaScript, thuộc tính aria, gradient, mask, bộ lọc hoặc tài liệu bên ngoài tham chiếu đến chúng. Với hình trang trí độc lập, có thể tắt tùy chọn này để SVGO xóa hoặc rút gọn các định danh không dùng.
Công cụ có xóa script khỏi SVG không?
Có. Quy trình tối ưu xóa phần tử script, thuộc tính xử lý sự kiện và liên kết JavaScript. Tệp xuất sẽ an toàn hơn khi dùng như hình ảnh web thông thường, nhưng công cụ không phù hợp với ứng dụng SVG cần script để hoạt động.
Tối ưu nhiều lượt là gì?
SVGO sẽ xử lý lại đầu ra chừng nào mỗi lượt vẫn làm tệp nhỏ hơn. Một số biến đổi tạo ra phần thừa mới để lượt sau dọn tiếp, vì vậy dung lượng có thể giảm thêm một chút. Phần lớn mức giảm thường đến từ lượt đầu tiên.