Trình tối ưu SVG
Tối ưu và nén tệp SVG ngay lập tức trong trình duyệt. Loại bỏ siêu dữ liệu, nhận xét và dữ liệu thừa, giảm kích thước tới 60%.
Tối ưu SVG làm gì?
Tối ưu SVG loại bỏ dữ liệu không cần thiết như nhận xét, siêu dữ liệu, thuộc tính trình soạn thảo, nhóm trống, không gian tên không sử dụng và lệnh đường dẫn dư thừa để giảm kích thước tệp mà không thay đổi đầu ra trực quan.
Tôi có thể giảm bao nhiêu kích thước tệp SVG?
Thường giảm 20-60% tùy thuộc vào SVG gốc. Tệp xuất từ các trình soạn thảo như Adobe Illustrator hoặc Inkscape thường có nhiều dữ liệu thừa nhất và đạt tỷ lệ nén cao nhất.
Dữ liệu SVG của tôi có được gửi đến máy chủ không?
Không, tất cả tối ưu hóa được thực hiện cục bộ trong trình duyệt của bạn. Nội dung SVG không bao giờ rời khỏi thiết bị của bạn, đảm bảo quyền riêng tư và bảo mật hoàn toàn.
Tối ưu hóa có thay đổi hình thức SVG không?
Không, trình tối ưu chỉ loại bỏ dữ liệu phi trực quan và tối ưu hóa cấu trúc mã. SVG được hiển thị sẽ trông giống hệt bản gốc trong tất cả các trình duyệt.
SVGO là gì?
SVGO (SVG Optimizer) là công cụ mã nguồn mở phổ biến dựa trên Node.js để tối ưu hóa tệp SVG. Cung cấp nhiều plugin loại bỏ thông tin dư thừa và vô ích khỏi tệp SVG.
Tối ưu hóa có bảo toàn hoạt ảnh và gradient SVG không?
Có, trình tối ưu bảo tồn tất cả các yếu tố trực quan bao gồm hoạt ảnh, gradient, bộ lọc, đường dẫn cắt và mặt nạ. Chỉ dữ liệu dư thừa phi trực quan bị loại bỏ.
Tôi có thể tối ưu SVG từ các công cụ thiết kế như Figma hoặc Sketch không?
Có, SVG xuất từ Figma, Sketch, Adobe Illustrator và Inkscape thường chứa siêu dữ liệu đặc thù của trình soạn thảo có thể được loại bỏ an toàn.
Những loại dữ liệu nào bị loại bỏ trong quá trình tối ưu?
Các mục thường bị loại bỏ bao gồm nhận xét XML, siêu dữ liệu trình soạn thảo, lớp ẩn, nhóm trống, khai báo không gian tên không sử dụng, giá trị thuộc tính mặc định và độ chính xác dữ liệu đường dẫn dư thừa.
Có an toàn khi tối ưu tệp SVG sử dụng trên website không?
Hoàn toàn an toàn. SVG được tối ưu tải nhanh hơn, giảm sử dụng băng thông và cải thiện hiệu suất trang.
Tôi có thể kiểm soát mức độ tối ưu hóa không?
Có, bạn có thể điều chỉnh độ chính xác dữ liệu đường dẫn, loại bỏ nhận xét, gộp nhóm và các tùy chọn khác để cân bằng giữa kích thước tệp và khả năng chỉnh sửa.
Sự khác biệt giữa minify và tối ưu SVG là gì?
Minify loại bỏ khoảng trắng và rút ngắn mã, trong khi tối ưu đi xa hơn bằng cách loại bỏ dữ liệu dư thừa, hợp nhất các phần tử và áp dụng cải tiến cấu trúc.
Công cụ này có hỗ trợ xử lý hàng loạt nhiều tệp SVG không?
Có, bạn có thể tải lên và tối ưu nhiều tệp SVG cùng lúc. Mỗi tệp được xử lý độc lập và có thể tải xuống riêng lẻ hoặc dưới dạng tệp ZIP.
Cách sử dụng Trình tối ưu SVG
SVG Optimizer thu nhỏ tệp SVG bằng cách loại bỏ siêu dữ liệu, chú thích và rác từ phần mềm chỉnh sửa, mọi tính toán đều diễn ra cục bộ trong trình duyệt. Dán SVG, chọn tùy chọn dọn dẹp và nhận kết quả nhẹ hơn.
- Dán mã SVG vào hộp “Input SVG” hoặc kéo thả tệp .svg vào đó.
- Bật các tùy chọn dọn cơ bản — “Remove comments”, “Remove metadata”, “Remove editor data” và “Remove unused namespaces” — giúp tiết kiệm nhiều byte nhất.
- Để nén sâu hơn, hãy thử thêm “Remove empty groups”, “Remove default values”, “Remove empty attributes”, “Collapse transforms” và “Convert colors”.
- Chọn mức chính xác từ 0 đến 4 và chọn “Minify” cho tệp nhỏ nhất hoặc “Prettify” cho mã dễ đọc; “Remove whitespace” loại bỏ khoảng trắng thừa.
- Kiểm tra “Preview” vẫn hiển thị đúng, sau đó sao chép hoặc tải mã từ hộp “Optimized SVG”.
Nếu hình tối ưu hóa bị lỗi, trước tiên hãy tắt “Remove default values” hoặc hạ mức chính xác — làm tròn số quá mạnh thường là nguyên nhân.
Công cụ liên quan
- Chuyển đổi SVG sang PNG Chuyển đổi SVG sang PNG, JPEG hoặc WebP ngay lập tức trong trình duyệt. Tùy chỉnh tỷ lệ, kích thước và màu nền. Miễn phí, riêng tư, không tải lên.
- Trình xem & Chỉnh sửa SVG Xem trước, chỉnh sửa và tối ưu hóa tệp SVG trực tuyến. Xem trước trực tiếp, chỉnh sửa mã và công cụ tối ưu hóa.
- Máy tính Chmod Máy tính chmod trực tuyến miễn phí để trực quan hóa và tính toán quyền tệp Linux với hộp kiểm. Chuyển đổi ngay lập tức giữa ký hiệu số (755, 644) và tượng trưng (rwxr-xr-x). Hỗ trợ quyền đặc biệt như setuid, setgid, sticky bit.
- Bảng ASCII Tham khảo mã hóa ký tự ASCII đầy đủ với mã thập phân, thập lục phân, bát phân, nhị phân, thực thể HTML và mô tả ký tự. Tìm kiếm và lọc tức thì.
- Trình kiểm tra yêu cầu HTTP Kiểm tra API REST trực tiếp trong trình duyệt. Gửi yêu cầu GET, POST, PUT, DELETE với header, body và tham số tùy chỉnh. Xem trạng thái, header và body JSON phản hồi ngay lập tức.
- Trình tạo .htaccess Tạo quy tắc .htaccess Apache cho chuyển hướng, viết lại, tiêu đề bảo mật, bộ nhớ đệm và hơn thế nữa.
- Trình tạo Robots.txt Trình tạo robots.txt trực tuyến miễn phí. Tạo và tùy chỉnh tệp robots.txt để kiểm soát việc thu thập dữ liệu của công cụ tìm kiếm, quản lý quyền truy cập của trình thu thập và tối ưu hóa SEO cho trang web của bạn.
- Trình tạo Sitemap Trình tạo sitemap XML trực tuyến miễn phí. Thêm URL, đặt mức ưu tiên và tần suất, tạo sitemap SEO ngay lập tức.