Chuyển đổi miễn phí
PNG sang Công cụ vector SVG
Chuyển đổi hình ảnh Raster PNG/JPG sang đồ họa Vector SVG có thể mở rộng. An toàn, nhanh chóng và được xử lý hoàn toàn trong trình duyệt của bạn.
Kéo và thả PNG/JPG vào đây
Hỗ trợ lên tới 50MB
Hoặc
Chuyển đổi hình ảnh Raster PNG/JPG sang đồ họa Vector SVG có thể mở rộng. An toàn, nhanh chóng và được xử lý hoàn toàn trong trình duyệt của bạn.
Hỗ trợ lên tới 50MB
Chuyển đổi PNG sang SVG về cơ bản là một hoạt động theo dõi, không phải là thay đổi định dạng. PNG lưu trữ pixel; SVG lưu trữ các nguyên thủy hình học. Việc chuyển từ lưới pixel sang các đường dẫn vectơ có thể mở rộng yêu cầu diễn giải bitmap và vẽ các hình dạng gần đúng xung quanh các vùng có màu tương tự. Kết quả thực sự có khả năng mở rộng — bạn có thể thay đổi kích thước một cách tự do mà không cần tạo pixel — nhưng đó không phải là sự tái tạo hoàn hảo của nguồn. Nội dung ảnh có dấu vết kém vì mọi biến thể màu ở cấp pixel đều trở thành một hình dạng, tạo ra các SVG khổng lồ không đạt được mục đích. Logo, biểu tượng, đường nét và đồ họa có độ tương phản cao được vẽ rõ ràng vì chúng có một số lượng nhỏ vùng màu với ranh giới được xác định rõ ràng.
Bộ chuyển đổi này sử dụng thư viện imagetracerjs, một cổng JavaScript chứa các thuật toán dò tìm vector tương tự như potrace. PNG được giải mã thành bitmap RGBA, bitmap được phân chia thành các vùng màu bằng bảng màu có thể định cấu hình, ranh giới của mỗi vùng được vạch thành một đường dẫn, các đường dẫn được đơn giản hóa bằng phép tính gần đúng Bezier và các đường dẫn kết quả được phát ra dưới dạng các phần tử đường dẫn SVG. Toàn bộ đường dẫn chạy trong trình duyệt của bạn mà không cần tải lên máy chủ.
Các tham số theo dõi kiểm soát sự cân bằng giữa độ trung thực và kích thước tệp. Nhiều màu sắc hơn và chi tiết tốt hơn sẽ tạo ra SVG lớn hơn phù hợp hơn với nguồn; ít màu sắc hơn và đường vẽ thô hơn tạo ra SVG nhỏ hơn với cảm giác cách điệu hơn. Mặc định được điều chỉnh cho logo và biểu tượng; những hình ảnh phức tạp có thể được hưởng lợi từ quá trình theo dõi với các cài đặt được điều chỉnh hoặc đơn giản có thể không phải là ứng cử viên phù hợp cho việc vector hóa.
Vector hóa PNG hữu ích nhất khi bạn cần chia tỷ lệ hình ảnh vượt quá độ phân giải ban đầu. Đặc biệt, các logo thường xuất hiện dưới dạng PNG ở kích thước khiêm tốn và cần xuất hiện sắc nét trên bảng quảng cáo, màn hình retina và bản in khổ lớn. Dấu vết vectơ tạo ra SVG có tỷ lệ mà không làm giảm chất lượng; sự cân bằng là độ trung thực của các pixel gốc.
SVG cũng nhỏ gọn hơn đáng kể so với PNG đối với đồ họa có ít màu sắc và vùng phẳng lớn. Biểu tượng PNG ở 256×256 có thể là 8 KB; SVG tương đương với hai hoặc ba màu thường dưới 1 KB. Đối với các thư viện biểu tượng giao diện người dùng được phân phối tới giao diện người dùng web, các phiên bản vectơ sẽ giảm kích thước gói và cải thiện độ sắc nét trên mọi mật độ hiển thị.
Thả PNG, chọn cài đặt theo dõi, tạo SVG.
imagetracerjs triển khai một quy trình nhiều giai đoạn: lượng tử hóa màu làm giảm bitmap thành một số màu cố định bằng cách sử dụng phân cụm k-means hoặc cắt trung vị; phát hiện cạnh xác định ranh giới pixel giữa các vùng; đường viền đi theo các ranh giới để tạo ra các đa giác khép kín; khớp đường và đường cong xấp xỉ các đa giác với đường cong Bezier để giảm dữ liệu đường dẫn.
Các tham số thuật toán quan trọng nhất là số lượng màu (điển hình: 4–32), pathomit (các đường dẫn ngắn hơn nhiều pixel này bị loại bỏ dưới dạng nhiễu), ltres (dung sai đường - khoảng cách một cạnh có thể lệch trước khi được chia thành một đoạn mới) và qtres (dung sai đường cong bậc hai - mức độ làm mịn các đường cong mạnh mẽ). Các giá trị mặc định hoạt động tốt cho logo; hình ảnh phức tạp được hưởng lợi từ việc điều chỉnh trên mỗi hình ảnh.
Đầu ra là SVG 1.1 tiêu chuẩn với các phần tử đường dẫn. Mỗi vùng màu sẽ trở thành một đường dẫn có thuộc tính tô màu. Tệp kết quả sẽ mở trong mọi trình duyệt, trình soạn thảo vector hoặc công cụ thiết kế nhận biết SVG. Kích thước tệp phụ thuộc chủ yếu vào số lượng đường dẫn và mật độ nút; một logo có dấu vết điển hình là 1–10 KB.