Trình xem và Tối ưu SVG
Công cụ xem và tối ưu SVG này hiển thị mã SVG bạn dán vào dưới dạng xem trước trực tiếp và nén gọn bằng cách loại bỏ khai báo XML, chú thích, các phần tử title, desc, metadata và khoảng trắng thừa, đồng thời cho biết dung lượng tiết kiệm được.
Về công cụ này
Công cụ xem và tối ưu SVG này hiển thị mã SVG bạn dán vào dưới dạng xem trước trực tiếp và nén gọn bằng cách loại bỏ khai báo XML, chú thích, các phần tử title, desc, metadata và khoảng trắng thừa, đồng thời cho biết dung lượng tiết kiệm được.
Cách sử dụng
- Dán code SVG của bạn vào ô nhập liệu.
- Xem bản xem trước trực tiếp.
- Nhấn Optimize SVG để nén và xem mức giảm dung lượng.
- Sao chép kết quả hoặc tải về dưới dạng tệp .svg.
Điều nên biết
- Các trình biên tập như Illustrator và Inkscape thường thêm chú thích, metadata và khoảng trắng mà trình duyệt không cần.
- Loại bỏ phần mã này thường giúp SVG nhỏ đi đáng kể mà không thay đổi hình thức hiển thị.
- Công cụ tối ưu này xóa các phần tử title và desc; hãy giữ lại title nếu SVG cần tên dễ tiếp cận (accessible name).
- Bản xem trước hiển thị SVG dưới dạng hình ảnh, nên script bên trong tệp không chạy.
- Tệp SVG nén rất tốt bằng gzip hoặc Brotli trên máy chủ web của bạn.
Chạy hoàn toàn trong trình duyệt của bạn — không có dữ liệu nào bạn nhập được tải lên hay lưu lại.
Câu hỏi thường gặp
Làm sao xem tệp SVG?
Mở tệp bằng bất kỳ trình duyệt hiện đại nào, hoặc dán code của nó vào đây để xem trước ngay lập tức.
Làm sao giảm dung lượng tệp SVG?
Loại bỏ metadata của trình biên tập, chú thích và khoảng trắng không cần thiết, đó chính là việc Optimize SVG làm. Để tiết kiệm sâu hơn, công cụ như SVGO còn có thể đơn giản hóa các path.
Dán code SVG vào đây có an toàn không?
Có. SVG chỉ được xử lý và xem trước trong trình duyệt của bạn, và được hiển thị dưới dạng hình ảnh nên script nhúng bên trong không thực thi.
Tối ưu có làm thay đổi hình thức SVG không?
Không. Chỉ nội dung không hiển thị như chú thích, metadata và khoảng trắng bị loại bỏ; hình dạng và màu sắc vẫn giữ nguyên.