Từ pixel raster đến đường dẫn véc-tơ
Tệp PNG, JPEG, JPG, WebP, AVIF và BMP lưu một lưới pixel. SVG lưu hình dạng, màu tô và tọa độ mà phần mềm tương thích có thể vẽ lại ở các kích thước khác nhau. Vector hóa phân tích các pixel lân cận, nhóm vùng hình ảnh, dò ranh giới và xấp xỉ các ranh giới đó bằng đường dẫn véc-tơ.
Đổi tên tệp hoặc đặt bitmap vào vỏ SVG không thực hiện việc tái tạo này. VectorizeThis tạo hình học SVG thực từ phần hiển thị của nguồn.
Quá trình xử lý diễn ra trong trình duyệt
Các ảnh được hỗ trợ được giải mã, dò, đánh giá và chuẩn bị trên thiết bị người dùng. Quy trình chuyển đổi thông thường không tải byte ảnh nguồn lên máy chủ chuyển đổi. Thiết kế ưu tiên xử lý cục bộ này cũng giúp so sánh nhiều kết quả khả thi mà không phải chờ liên lạc với máy chủ cho mỗi điều chỉnh.
So sánh các ứng viên dò ảnh
Không có một cấu hình dò ảnh duy nhất tốt nhất cho mọi ảnh. Biểu tượng màu phẳng và ảnh chụp chứa thông tin khác nhau, trong khi tệp cắt có yêu cầu khác hình minh họa trên web.
Tác phẩm được so sánh bằng sáu phương pháp đơn sắc hoặc 10, 16, 18 hay 20 ứng viên màu trên tối đa bốn hồ sơ bảng màu được hỗ trợ. Khi còn nhiều kết quả hữu ích, hãy chọn bảng màu rồi chọn SVG. Ảnh chụp và Minh họa phức tạp giữ trình tối ưu chuyên dụng. Gia công giữ kích thước vật lý và kiểm tra hình học, đồng thời tắt SVGO. Tài liệu lựa chọn tự động giải thích quy trình này.
Vì vậy, “kết quả tốt nhất” là ứng viên đạt sự cân bằng tổng thể tốt nhất cho ảnh và mục đích sử dụng đó. Nó không đơn giản là ứng viên có điểm tương đồng pixel cao nhất hoặc tệp nhỏ nhất.
Mục đích sử dụng thay đổi thứ tự ưu tiên
- Web, logo và biểu tượng ưu tiên hình thức gọn, màu có thể chỉnh sửa và mã đánh dấu hiệu quả.
- Ảnh chụp và minh họa phức tạp giữ nhiều màu và chi tiết hơn, có thể cần nhiều đường dẫn hơn.
- Quy trình Cricut, vinyl, laser và CNC chú trọng hơn đến hình học thực tế, vùng khép kín, kích thước vật lý có ý nghĩa và cảnh báo về hình dạng có thể khó gia công.
- Tự động cân bằng độ trung thực hình ảnh tổng quát với đầu ra có thể quản lý khi chưa xác định nơi sử dụng.
Kiểm tra gia công có thể phát hiện vấn đề tiềm ẩn nhưng không thể tính đến mọi máy, vật liệu, lưỡi dao, chiều rộng vết cắt, cài đặt nhập hoặc quy tắc riêng của ứng dụng.
Chuẩn hóa và kiểm tra đầu ra
Sau khi dò ảnh, VectorizeThis chuẩn bị SVG để tương thích với trình duyệt và trình chỉnh sửa, loại bỏ mã thừa và áp dụng tùy chọn đầu ra đã chọn. Công cụ có thể hiển thị bảng màu nhỏ để đổi màu, dùng currentColor, xóa nền được phát hiện, cắt theo nội dung có ý nghĩa và định dạng mã đánh dấu khi được yêu cầu.
Kết quả cũng có thể được kiểm tra về độ phức tạp quá mức, vùng nhỏ cô lập, đường dẫn mở và các tình trạng khác liên quan đến quy trình đã chọn. Cảnh báo là thông tin cần xem xét, không phải bằng chứng tệp sẽ bị lỗi.
Giới hạn của dò ảnh tự động
Tác phẩm rõ nét, đủ lớn và có ranh giới rõ thường tạo đường dẫn đơn giản, sát nguồn hơn. Nhiễu, lỗi JPEG, mờ, chuyển sắc, độ trong suốt, chất liệu mịn và màu chồng lấn có thể cần diễn giải. SVG được dò không thể khôi phục chi tiết vốn không có trong nguồn và có thể không tái tạo lựa chọn xây dựng của nhà thiết kế ban đầu.
Bản xem trước cạnh nhau và điều khiển thủ công có mặt vì đánh giá thị giác của người dùng vẫn quan trọng. Hãy thử tệp gia công trong phần mềm và vật liệu đích trước khi đưa vào sản xuất.
Cách kiểm thử thay đổi
Thay đổi logic dò ảnh và xếp hạng được kiểm thử với ảnh đại diện gồm biểu tượng, logo, nét vẽ, nhiều màu, nguồn độ phân giải thấp, ảnh chụp và ví dụ hướng đến gia công. Kiểm thử tự động bảo vệ hành vi quan trọng của trình duyệt và chính sách đầu ra, còn so sánh đối chuẩn giúp phát hiện suy giảm chất lượng trước khi triển khai.
Cách tạo nội dung kỹ thuật
Giải thích kỹ thuật trên VectorizeThis dựa vào hành vi thực tế của công cụ chuyển đổi, kiểm thử với ảnh nguồn đại diện và đặc tả gốc như đặc tả SVG của W3C. Các trang được rà soát khi hành vi công cụ chuyển đổi thay đổi đáng kể.
VectorizeThis do Maxime Desrosiers xây dựng. Để báo cáo kết quả hoạt động khác dự kiến, dùng Gửi đánh giá trong công cụ chuyển đổi hoặc truy cập Liên hệ.