Raster và vector là hai cách lưu một ảnh khác nhau, và biết sự khác biệt cho bạn biết chính xác khi nào nên chuyển đổi giữa chúng. Một ảnh raster — PNG, JPG, WebP — là một lưới pixel màu cố định. Một ảnh vector — SVG — là một tập hợp chỉ dẫn: vẽ đường này, tô nó bằng màu này, đặt hình tròn này ở đây. Vì một vector mô tả hình khối bằng toán học thay vì pixel, nó giữ sắc nét ở mọi kích thước, trong khi một raster nhòe ngay khoảnh khắc bạn đẩy nó vượt độ phân giải gốc.
"Raster sang vector" nghĩa là dò (tracing): một engine đọc các pixel và tìm ra các hình khối ẩn trong chúng, rồi viết những hình khối đó ra dưới dạng các đường vector. Làm đúng tình huống thì nó thật sự hữu dụng. Làm sai tình huống thì nó tạo ra một mớ hỗn độn. Hướng dẫn này bàn cả hai.
Dò tốt cho việc gì
Dò muốn đầu vào phẳng, mép sạch: logo, biểu tượng, tranh minh họa đơn giản, nét vẽ, chữ viết tay. Những cái này có bảng màu giới hạn và ranh giới rõ, nên trình dò có thể tìm từng vùng màu và vẽ một đường gọn quanh nó. Kết quả là một SVG gọn với một nhúm hình khối — sắc nét ở mọi tỷ lệ, dung lượng nhỏ, và chỉnh sửa được sau đó. Nếu mục tiêu của bạn là một logo chạy được từ favicon tới bảng quảng cáo, dò đưa bạn tới đó.
Vì sao ảnh chụp là không hợp
Một tấm ảnh chụp là đối lập với những gì trình dò muốn. Nó có hàng nghìn màu biến đổi tinh vi và không có mép cứng — tông liên tục. Để vector hóa cái đó, engine phải xấp xỉ mỗi dải chuyển màu bằng các đốm màu phẳng chồng chất, giao nhau. Ba điều hỏng cùng một lúc: SVG trở nên khổng lồ, thường lớn gấp mấy lần JPG gốc; nó trông lem và bệt màu thay vì như ảnh chụp; và nó khổ sở để chỉnh sửa vì nó được làm từ hàng nghìn hình khối vô nghĩa. Với ảnh chụp, một định dạng raster đơn giản là câu trả lời đúng — hãy nén JPG hoặc chuyển sang WebP thay vào đó. Vector là cho đồ họa, không phải ảnh chụp.
Cỡ định sẵn và số màu
Số màu mà trình dò được phép dùng là đòn bẩy lớn nhất lên kết quả. Các cỡ định sẵn đặt điều đó cho bạn: Phẳng / logo giữ màu thấp cho các dấu đơn giản, Chi tiết cho phép nhiều hơn cho các tranh minh họa phong phú hơn, Bệt màu thu ảnh thành các dải màu phẳng đậm, và Đen trắng giảm mọi thứ về hai tông cho nét vẽ và bóng đổ. Ít màu hơn nghĩa là một tệp sạch hơn, nhỏ hơn; nhiều màu hơn nắm bắt sự tinh tế với cái giá là thêm đường và trọng lượng. Thử hai cỡ định sẵn trên cùng một ảnh và so sánh bản xem trước trước/sau là cách nhanh nhất để tìm mức cân bằng đúng.
Tất cả tại chỗ, không tải lên gì
Toàn bộ chuyển đổi chạy trong trình duyệt của bạn với engine imagetracer. Ảnh được đọc từ một canvas ngay trên máy của bạn, dò ở đó, và trả lại dưới dạng một SVG — không gì được tải lên, không có tài khoản, và một khi trang đã tải nó chạy với mạng tắt. Điều đó đáng có cho một logo hay một đồ họa nội bộ bạn thà không gửi tới máy chủ của người khác.
Một điều làm rõ, vì từ "chuyển đổi" mời gọi nó: đây là dò thật sự, không phải một lần AI vẽ lại. Nó bám theo các pixel bạn đưa vào và không bịa ra một phiên bản sạch hơn của tác phẩm bạn. Một nguồn sắc, phẳng, ít màu cho một kết quả sắc; một nguồn mờ hay nhiễu cho các đường mờ, nhiễu.
Sau khi dò
Vì đầu ra là một SVG chuẩn gồm các đường và vùng tô có tên, bạn có thể tiếp tục làm việc trên nó trong bất kỳ trình chỉnh sửa vector nào — Illustrator, Inkscape, Figma. Đổi màu cả một vùng bằng cách sửa một vùng tô, đặt màu thương hiệu chính xác, gỡ các hình khối lạc, hay điều chỉnh một đường. Đó là mấu chốt của việc đi vector: ảnh thôi là một bức tranh cố định và trở thành một đối tượng bạn sở hữu và có thể tạo hình lại ở mọi kích thước, không nhòe.