Tối ưu SVG
Tối ưu tệp SVG của bạn bằng công nghệ AIGiảm dung lượng tới 90% mà vẫn giữ chất lượng
Kéo và thả tệp SVG vào đây
hoặc chọn tệp để tải lên
Tệp phải là SVG và tối đa 10MB
Miễn phí
Dùng không giới hạn
Không cần thẻ tín dụng
Bắt đầu ngay
Không cần đăng ký
Dùng ngay lập tức
Vì sao chọn chúng tôi?
Đạt kết quả tốt nhất với công nghệ AI của chúng tôi
Tối ưu nhanh
Tối ưu tệp SVG trong vài giây với thuật toán AI. Hiệu năng ở tầm doanh nghiệp.
Giảm dung lượng tệp
Dọn metadata và mã thừa để giảm dung lượng tới 90%. Đảm bảo kết quả chuyên nghiệp.
Giữ nguyên chất lượng
Nhận tệp SVG đã tối ưu mà không ảnh hưởng chất lượng hình ảnh. Kiểm soát chất lượng ở tầm doanh nghiệp.
Công nghệ AI
Chúng tôi tối ưu tệp SVG của bạn một cách thông minh bằng các công nghệ trí tuệ nhân tạo mới nhất. Hệ thống học từ hàng nghìn lần tối ưu và luôn đảm bảo kết quả tốt nhất.
Tỷ lệ thành công 99,9%
Hơn 10K lượt tối ưu
Dùng không giới hạn
Tối ưu SVG hoạt động thế nào
Tệp của bạn được xử lý bằng SVGO, công cụ tối ưu SVG mã nguồn mở được dùng rộng rãi, với preset mặc định ở chế độ multipass: các lượt xử lý lặp lại cho đến khi tệp không nhỏ thêm nữa. Dưới đây là những gì thay đổi.
Loại bỏ phần thừa của trình chỉnh sửa và tài liệu
Khai báo XML, DOCTYPE, chú thích và các khối <metadata> bị xóa, cùng với các namespace và thuộc tính thừa mà trình chỉnh sửa như Inkscape, Illustrator và Sketch ghi vào tệp. Các mô tả chung chung kiểu "Created with…" cũng bị bỏ. Những thứ này không ảnh hưởng đến cách hình ảnh được vẽ.
Làm tròn số và viết lại dữ liệu path
Tọa độ và các giá trị số khác được làm tròn đến ba chữ số thập phân. Các lệnh path được viết lại ở dạng tương đương ngắn nhất, các đoạn thừa bị bỏ, và những path liền kề có cùng kiểu dáng có thể được gộp thành một.
Đơn giản hóa hình khối, nhóm và phép biến đổi
Hình chữ nhật, đường thẳng và đa giác được chuyển thành path khi cách đó ngắn hơn. Các nhóm và vùng chứa rỗng bị xóa, các nhóm bao ngoài không có tác dụng được gộp lại, và các phép biến đổi được kết hợp hoặc áp dụng trực tiếp khi có thể.
Dọn dẹp kiểu dáng và màu sắc
Màu được viết ở dạng ngắn nhất (ví dụ #ff0000 thành red), CSS trong <style> được rút gọn, các thuộc tính chỉ lặp lại giá trị mặc định của SVG bị xóa, và các phần tử ẩn hoặc rỗng bị loại bỏ.
Xóa ID và khai báo không dùng đến
Các ID không được tham chiếu trong tệp sẽ bị xóa, cùng với gradient, pattern và các <defs> khác không dùng đến. Những ID vẫn còn được tham chiếu giữ nguyên tên gốc; chúng không bị rút ngắn.
viewBox được giữ, kích thước cố định thì không
viewBox luôn được giữ để đồ họa co giãn đúng. Thuộc tính width và height bị xóa, nên SVG lấp đầy khung bạn đặt nó vào. Kết quả được ghi trên một dòng với thuộc tính theo thứ tự nhất quán, điều này cũng giúp gzip nén tốt hơn.
Trường hợp nào tối ưu an toàn và khi nào cần cẩn thận
Biểu tượng tĩnh, logo và hình minh họa xuất từ công cụ thiết kế, kể cả SVG tạo bằng công cụ chuyển đổi của chúng tôi, đều an toàn để tối ưu và thường được lợi nhiều nhất. Hãy kiểm tra kỹ hơn kết quả trong các trường hợp sau.
ID dùng bởi CSS, JavaScript hoặc sprite bên ngoài
Công cụ chỉ nhìn thấy chính tệp. Nếu một stylesheet bên ngoài, một script hoặc <use href="icons.svg#name"> ở trang khác trỏ đến một ID, ID đó sẽ trông như không được dùng và bị xóa. Tệp có sẵn phần tử <style> hoặc <script> thì giữ nguyên ID.
SVG có hoạt ảnh
Hoạt ảnh SMIL hoặc CSS làm biến đổi dữ liệu path, hoặc phụ thuộc vào cấu trúc nhóm cụ thể, có thể hỏng khi path được viết lại và các nhóm bị gộp. Hoạt ảnh đơn giản thường vẫn chạy được, nhưng hãy luôn xem trước kết quả trước khi thay bản gốc.
Văn bản hỗ trợ tiếp cận
Phần tử <title> bị xóa. Nếu trình đọc màn hình cần nhãn, hãy thêm alt text vào thẻ <img> hoặc aria-label nơi bạn nhúng SVG.
Lớp hiện/ẩn bằng mã
Phần tử bị ẩn bằng display="none" hoặc độ mờ đục (opacity) bằng 0 được coi là vô hình và bị xóa. Nếu script của bạn hiện chúng sau đó, hãy tối ưu một bản sao không ẩn các lớp đó.
Tệp bạn vẫn muốn chỉnh sửa
Lớp, đường guide và dữ liệu khác của Inkscape sẽ mất sau khi tối ưu. Hãy giữ tệp gốc để chỉnh sửa và chỉ đăng bản đã tối ưu.
Câu hỏi thường gặp về tối ưu SVG
Tối ưu có làm thay đổi hình dạng SVG của tôi không?
Với hầu hết các tệp thì không. Các thay đổi chỉ loại bỏ dữ liệu không được hiển thị và viết lại phần còn lại ở dạng ngắn hơn. Tác động nhìn thấy duy nhất có thể đến từ việc làm tròn đến ba chữ số thập phân, có thể lộ ra ở đồ họa có viewBox rất nhỏ khi xem ở kích thước lớn.
Tệp SVG của tôi sẽ nhỏ đi bao nhiêu?
Tùy tệp đến từ đâu. Tệp xuất từ công cụ thiết kế có metadata, chú thích và số thập phân dài thường nhỏ đi nhiều, còn tệp đã được rút gọn từ trước thì nhỏ đi rất ít. Trang kết quả hiển thị chính xác dung lượng trước và sau.
Dung lượng tệp tối đa là bao nhiêu?
Bạn có thể tải lên tệp SVG tối đa 10 MB. Bạn cũng có thể dán trực tiếp mã SVG vào tab Dán mã thay vì tải tệp lên.
Vì sao thuộc tính width và height bị xóa?
Công cụ giữ viewBox và bỏ width, height cố định để SVG co giãn theo vùng chứa. Nếu cần kích thước cố định, hãy đặt width và height trên thẻ <img> hoặc trong CSS.
Tối ưu SVG dùng trong sprite hoặc bởi JavaScript có an toàn không?
Hãy cẩn thận. Các ID chỉ được tham chiếu từ bên ngoài tệp sẽ bị xóa vì công cụ không thấy được các tham chiếu đó. Hãy thử tệp đã tối ưu tại nơi sử dụng thực tế, hoặc giữ bản gốc cho những trường hợp này.
Công cụ có xóa thông tin hỗ trợ tiếp cận không?
Công cụ xóa phần tử <title> và các mô tả chung của trình chỉnh sửa. Hãy cung cấp tên hỗ trợ tiếp cận nơi nhúng SVG, ví dụ bằng alt text hoặc aria-label.