Tối ưu SVG
Nén file SVG nhẹ đi nhiều lần mà hình vẫn y như cũ: bỏ dữ liệu thừa của phần mềm vẽ, làm tròn số, gộp đường vẽ. Xem trước và sau, làm nhiều file một lúc.
Cách tối ưu SVG
- Dán code SVG vào ô bên trái, hoặc mở file .svg (chọn nhiều file để làm một lượt).
- Chỉnh độ chính xác số nếu cần — số nhỏ thì file nhẹ hơn nhưng chi tiết rất nhỏ có thể lệch.
- So sánh hình trước và sau, rồi sao chép code hoặc tải file .svg (hoặc ZIP khi có nhiều file).
Câu hỏi thường gặp
Bình thường thì không: công cụ chỉ bỏ những gì không vẽ ra gì (ghi chú, dữ liệu của phần mềm vẽ, thuộc tính thừa) và viết gọn lại đường vẽ. Bạn xem được hình trước và sau ngay cạnh nhau để chắc chắn.
3 là đủ cho hầu hết icon và logo. Hình vẽ rất nhỏ hoặc bản đồ chi tiết thì để 4–5; để 1–2 file nhẹ hơn nữa nhưng các nét nhỏ có thể lệch đi.
Gần như luôn luôn. viewBox giúp hình co giãn đúng tỉ lệ khi bạn đổi kích thước bằng CSS. Chỉ tắt khi bạn chắc chắn hình chỉ dùng ở đúng một kích thước cố định.
Các phần mềm vẽ lưu thêm thông tin riêng (lớp, lưới, ghi chú) để mở lại. Tắt "Bỏ metadata & ghi chú" nếu bạn còn định sửa file trong phần mềm đó; còn file đưa lên web thì nên bỏ.
SVG có thể chứa script. Hình xem trước ở đây được hiện như một ảnh thường nên script bên trong không bao giờ chạy.
Hoàn toàn miễn phí, không cần đăng ký.
Công cụ liên quan
Nén ảnhGiảm dung lượng ảnh mà vẫn nétChuyển ảnh sang Base64Nhúng ảnh vào HTML, CSS bằng Base64Tạo faviconTạo biểu tượng website từ logoXoá thông tin ẩn trong ảnhXoá ngày giờ, vị trí ẩn trong ảnh trước khi đăngChuyển định dạng ảnh (JPG, PNG, WEBP)Chuyển qua lại JPG, PNG, WEBPChuyển HEIC sang JPGĐổi ảnh iPhone .HEIC sang JPG hoặc PNGXem thông tin ảnh (EXIF)Xem ảnh được chụp bằng máy nào, lúc nào, ở đâuGhép ảnh thành lướiGhép nhiều ảnh thành 1 tấm dạng lướiLấy màu từ ảnhLấy bảng màu và mã màu HEX từ một tấm ảnh