Ảnh sang SVG

Khác biệt giữa một bức hình về một hình dạng và chính hình dạng đó

Một tệp PNG hay JPG là một lưới các điểm ảnh. Phóng nó vượt quá kích thước gốc và cái lưới lộ ra: các mép biến thành bậc thang, một logo sắc nét hóa mềm, và trình duyệt chẳng làm được gì vì chi tiết vốn chưa bao giờ ở đó. Một SVG lưu một thứ hoàn toàn khác — bản thân hình học. Một hình tròn được mô tả là một hình tròn, một đường cong là một đường path, một vùng tô là một màu. Vì các hình dạng là phép toán, không phải điểm ảnh, chúng vẽ lại sắc nét ở mọi kích thước. Đó là vì sao một logo bạn định đưa lên một tấm danh thiếp, một tấm biển quảng cáo, và một favicon thực sự muốn là một SVG: một tệp, không mờ nhòe, ở mọi tỷ lệ.

Công cụ này chuyển một tấm ảnh raster thành kiểu tệp vector đó, và nó làm toàn bộ trong trình duyệt của bạn. Bạn chọn một PNG hay JPG, nó dò các hình dạng bằng cỗ máy imagetracer, và bạn nhận lại một SVG. Tấm ảnh được đọc từ một canvas ngay trên máy của bạn — không có gì được tải lên, không có tài khoản, và một khi trang đã tải thì nó vẫn chạy khi tắt mạng. Tấm hình bạn thả vào không bao giờ rời khỏi thiết bị của bạn.

Cái nó thực sự giỏi

Việc dò tỏa sáng khi đầu vào phẳng và mép sạch: một logo, một icon, một hình minh họa đơn giản, tranh nét, một mảng chữ viết tay. Những cái này có một số ít màu đặc và ranh giới rõ ràng, chính là thứ mà một trình dò đọc tốt. Nó tìm mỗi vùng màu, vẽ một đường path quanh nó, và kết quả là một SVG gọn gàng với một dúm hình dạng — tệp nhỏ, mép sắc, dễ chỉnh sau đó.

Các thiết lập sẵn lái cách trình dò đọc tấm ảnh của bạn. Phẳng / logo giữ số màu thấp và các hình dạng đơn giản, tốt nhất cho một dấu hiệu hai hay ba màu. Chi tiết cho phép nhiều màu hơn và các đường path tinh hơn cho các hình minh họa mang nhiều sắc thái hơn. Poster hóa thu tấm ảnh thành các dải phẳng đậm, một vẻ áp phích đồ họa. Đen & trắng rút mọi thứ về hai tông, lý tưởng cho tranh nét, con dấu, và bóng đổ. Ít màu hơn nghĩa là một tệp nhỏ hơn, sạch hơn; nhiều màu hơn nắm bắt được sự tinh tế nhưng thêm đường path và trọng lượng. Đáng thử hai thiết lập sẵn trên cùng một tấm ảnh và so sánh — bản xem trước trước/sau cho bạn thấy bản gốc và bản dò cạnh nhau để bạn phán đoán trước khi tải về.

Điểm lưu ý thành thật về ảnh chụp

Một tấm ảnh chụp sẽ dò được, nhưng gần như chắc chắn bạn không muốn nó dò. Một tấm ảnh chụp có hàng nghìn màu hơi khác nhau và không có mép cứng — một trình dò phải xấp xỉ tất cả những cái đó bằng các mảng màu phẳng chồng lấn lên nhau. Cái SVG ra rất lớn (thường lớn hơn hẳn tệp JPG gốc), nó trông bị bôi nhòe và poster hóa thay vì như ảnh chụp, và nó khổ sở để chỉnh sửa. Với bất cứ thứ gì tông liên tục — người, cảnh vật, ảnh chụp sản phẩm — một định dạng raster mới là câu trả lời đúng, và có các công cụ nén và chuyển đổi cho việc đó. SVG là cho các hình dạng, không phải cho ảnh chụp. Công cụ này sẽ không ngăn bạn dò một tấm ảnh chụp, nhưng bản xem trước sẽ làm cho vấn đề hiển nhiên.

Một điều nữa đáng nói rõ: đây là việc dò thực sự. Nó đọc các điểm ảnh bạn đưa cho nó và vẽ các đường path vector bám theo chúng. Nó không phải một AI vẽ lại hay "làm sạch" logo của bạn thành thứ gì đó mới. Nếu nguồn mờ nhòe, độ phân giải thấp, hay nhiễu, bản dò thừa hưởng điều đó — một đầu vào sạch, sắc, ít màu cho một kết quả sạch, còn một đầu vào lộn xộn cho các đường path lộn xộn.

Đổi màu và chỉnh sửa sau khi dò

Vì kết quả là một SVG bình thường gồm các đường path và vùng tô có tên, bạn không bị mắc kẹt với các màu mà bản dò tạo ra. Mở tệp trong một trình biên tập vector — Illustrator, Inkscape, Figma, hay thậm chí một trình soạn thảo văn bản — và bạn có thể đổi màu cả một vùng bằng cách đổi một vùng tô, nhích một đường path, xóa một hình dạng lạc mà trình dò lượm phải, hay đặt các màu về đúng mã hex thương hiệu của bạn. Đó là lợi thế thực sự của việc đưa một logo vào dạng vector: nó thôi là một bức hình cố định và trở thành một vật thể chỉnh sửa được mà bạn sở hữu, ở mọi kích thước, không mờ nhòe.