Biến một logo phẳng, biểu tượng hay hình vẽ nét thành SVG không phụ thuộc độ phân giải. Việc dò nét chạy ngay trong tab này nên tệp không bao giờ rời khỏi thiết bị của bạn.
PNG lưu một lưới điểm ảnh. SVG lưu hình khối — những đường viền được tô, mô tả bằng toạ độ và đường cong. Vì vậy chuyển PNG sang SVG không phải là đổi định dạng như PNG sang JPG: trong lưới điểm ảnh không có chỗ nào ghi rằng hình này kết thúc ở đâu và hình kế tiếp bắt đầu từ đâu. Công cụ phải tự suy ra, bằng cách gom các điểm ảnh có màu gần nhau thành vùng rồi vẽ đường viền quanh từng vùng. Bước suy ra đó gọi là dò nét, hay vector hoá, và nó thành công hay không gần như phụ thuộc hoàn toàn vào nội dung bức ảnh.
Khi thành công, kết quả tốt hơn cả tệp ban đầu. Đường viền không phụ thuộc độ phân giải nên cùng một tài sản vẫn sắc nét trên danh thiếp, trên đầu trang web và trên băng rôn in, còn hình phẳng thường ra nhẹ hơn cả bản bitmap gốc. Trong phép đo của chúng tôi, một logo 2,3 KB trở thành SVG 0,5 KB dựng từ hai đường, và khác biệt so với bản gốc là không nhìn ra được ở kích thước xem thường.
Khi thất bại thì thất bại rất rõ. Ảnh chụp không có vùng màu phẳng nào để gom: mỗi điểm ảnh lệch nhẹ so với điểm bên cạnh, nên công cụ tạo ra hàng nghìn đường tí hon, cộng lại nặng gấp mấy lần tệp JPEG mà trông như một bức màu nước vẽ hỏng. Đó là lý do công cụ này soi ảnh trước và cho bạn biết mình đang ở trường hợp nào, trước khi bạn mất công chỉnh thông số.
Chúng tôi đo thật chứ không đoán. Mỗi ảnh thử nghiệm được dò nét, rồi SVG thu được lại được dựng ngược về đúng kích thước ban đầu và so sánh từng điểm ảnh. Sai số càng thấp thì bản vector càng sát bản gốc.
| Logo phẳng, ít màu đặc | PNG 2,3 KB thành SVG 0,5 KB với 2 đường; sai số 2,1 | Trường hợp lý tưởng. Hình phẳng ở 16 màu. |
|---|---|---|
| Biểu tượng hoặc hình tượng trưng | Chỉ vài đường, nhẹ hơn 1 KB khá nhiều | Lý tưởng. Tối giản cho tệp nhẹ nhất mà không mất mát nhìn thấy được. |
| Hình vẽ nét hoặc chữ ký | Dò rất gọn; với ảnh đơn sắc thì số màu không tạo khác biệt đo được | Dùng Tối giản — thêm màu chỉ tốn dung lượng mà không được gì. |
| Huy hiệu hoặc con dấu có nền trong suốt | 1,1 KB, vùng trong suốt được giữ nguyên; sai số 6,8 | Chạy tốt. Giữ từ 8 màu trở lên, thấp hơn thì sắc độ bị lệch. |
| Ảnh chụp màn hình giao diện có chữ | Khung và nút dò tốt, nhưng mỗi chữ cái vỡ thành nhiều đường | Dùng được phần hình khối. Chữ thì gõ lại trong phần mềm thiết kế. |
| Ảnh chụp | Lượng tử hoá ra hàng nghìn màu; SVG nặng gấp mấy lần PNG | Không phù hợp. Giữ tệp bitmap, hoặc nén nó thì hơn. |
Công cụ tự chạy phép kiểm tra này trên chính ảnh của bạn và hiện kết luận trước khi bắt đầu chuyển PNG sang SVG, nên bạn biết trước thay vì phát hiện sau khi đã tải về một tệp không dùng được.
Một lượt dò nét PNG sang SVG mở ra bốn tuỳ chọn, nhưng chúng không quan trọng như nhau. Một tuỳ chọn quyết định chất lượng kết quả, số còn lại chỉ là tinh chỉnh.
Số ô bảng màu mà công cụ được phép dùng, và đây là tuỳ chọn có sức nặng nhất. Tám là ngưỡng sàn: thấp hơn nữa thì hình có màu biến dạng thấy rõ. Trong phép đo của chúng tôi, một logo phẳng có sai số 2,1 ở tám màu, 15,1 ở bốn màu và 56,9 ở hai màu. Trên tám thì đường cong nhanh chóng đi ngang, nên 16 được đặt làm mặc định, còn 32 dành cho tranh minh hoạ chi tiết chứ không phải là mức khuyên dùng tối đa.
Loại bỏ các đường có diện tích nhỏ hơn một ngưỡng, giúp dọn sạch những đốm vụn do viền khử răng cưa để lại. Trên hình thật, chúng tôi gần như không đo được khác biệt giữa mức thấp nhất và cao nhất, nên đây là tuỳ chọn nâng cao chứ không phải thứ mà các mức dựng sẵn thay đổi. Tăng lên nếu kết quả trả về lấm tấm.
Đường viền được phép lệch khỏi mép điểm ảnh bao nhiêu. Dung sai rộng cho ít đường cong hơn, mượt hơn và tệp nhẹ hơn; dung sai chặt bám theo từng bậc của bản gốc, kể cả những bậc răng cưa. Các mức dựng sẵn chỉnh nó cùng lúc với số màu.
Làm dịu ảnh trước khi dò nét. Hữu ích với bản quét bị nhiễu, giúp công cụ không biến hạt nhiễu hay vết nén JPEG thành hàng trăm đường. Với hình vốn đã sạch thì cứ để bằng không.
Mọi thứ diễn ra ngay trong tab trình duyệt này. Không có gì được tải lên, điều này quan trọng với bộ nhận diện chưa công bố và mọi thứ nằm trong thoả thuận bảo mật.
Ảnh chụp là thất bại rõ nhất, và cũng nên nói thẳng vì rất nhiều lượt chuyển PNG sang SVG được thử trên đúng loại tệp không nên dùng. Dò nét hoạt động bằng cách tìm những vùng chỉ một màu. Ảnh chụp thì không có: bầu trời trong một tấm phong cảnh trông đồng đều nhưng chứa hàng trăm sắc xanh khác nhau rất nhẹ, và công cụ sẽ trung thành viền lấy từng sắc một. Kết quả là tệp khổng lồ, hiển thị chậm và trông tệ hơn hẳn bức ảnh. Nếu bạn cần ảnh nhẹ hơn thì hãy nén nó, đừng vector hoá.
Chữ là nỗi thất vọng phổ biến thứ hai. Con chữ được dò thành hình khối chứ không phải chữ, nên kết quả không bôi chọn được, không tìm kiếm được và không sửa lại như chữ được. Chữ nhỏ còn tệ hơn vì khử răng cưa làm nhoè đúng cái ranh giới mà công cụ cần, và mỗi chữ cái vỡ thành vài đường chồng lên nhau. Khi logo có phần chữ, cách làm trung thực là dò phần biểu tượng ở đây rồi gõ lại phần chữ bằng đúng phông trong phần mềm thiết kế.
Chuyển sắc mềm và bóng đổ nằm ở giữa. Chúng chuyển đổi không lỗi, nhưng một dải chuyển sắc mượt sẽ thành chồng các dải màu phẳng — đúng kiểu vỡ dải bạn thấy nếu ép một bức ảnh xuống mười sáu màu. Có lúc đó là hiệu ứng đẹp, có lúc nó phá hỏng thiết kế, nên hãy xem bản xem trước ở cỡ đầy đủ thay vì chỉ tin vào dung lượng tệp.
Cuối cùng, không công cụ nào khôi phục được chi tiết mà bản gốc chưa từng có. Một logo 64 điểm ảnh lấy từ website sẽ dò ra thành phiên bản lồi lõm của chính nó, bởi những chỗ lồi lõm ấy đúng là những gì điểm ảnh nói. Hãy bắt đầu từ bản lớn nhất và sạch nhất bạn tìm được — bản xuất gốc thay vì ảnh chụp màn hình, và PNG thay vì JPG, vì nén JPEG thêm vào các mép vuông vức của riêng nó mà công cụ sẽ cần mẫn biến thành đường.
Có. Kết quả là mã SVG chuẩn gồm các đường được tô, nên mở được bằng Figma, Illustrator, Inkscape và bất kỳ trình soạn mã nào. Bạn có thể đổi màu từng đường, xoá bớt, hoặc phóng to toàn bộ mà không mất chất lượng.
Với hình phẳng thì thường là có, và thường nhẹ hơn rất nhiều. Trong thử nghiệm của chúng tôi, logo 2,3 KB dò ra còn 0,5 KB. Với ảnh chụp thì ngược lại: SVG có thể nặng gấp mấy lần ảnh gốc, và đây chính là một trong những tín hiệu mà phép kiểm tra mức phù hợp dựa vào.
Không. Bộ dò nét chạy bằng WebAssembly và JavaScript ngay trong trang này, trong một worker chạy nền. Tệp của bạn không được gửi đi đâu cả, nên bạn hoàn toàn có thể xử lý logo chưa công bố và công việc của khách hàng.
Về mặt kỹ thuật là được, và kết quả gần như chắc chắn tệ hơn bức ảnh. Hãy chờ đợi hàng nghìn đường, tệp nặng hơn nhiều và vẻ ngoài bị vỡ dải màu. Công cụ sẽ đánh dấu ảnh mang tính ảnh chụp trước khi chuyển để kết quả không gây bất ngờ.
Vì việc dò nét nhìn con chữ như hình khối chứ không phải chữ. Chữ nhỏ hoặc bị khử răng cưa sẽ vỡ thành vài đường cho mỗi ký tự. Hãy dò phần đồ hoạ ở đây, rồi gõ lại chữ bằng phông thật trong phần mềm thiết kế.
Vẽ lại bằng tay dựng lại thiết kế bằng số đường cong sạch ít nhất có thể và đúng phông chữ. Dò nét thì bám theo điểm ảnh nên tạo nhiều điểm neo hơn và thừa hưởng mọi chỗ nhoè của bản gốc. Với một logo phẳng đơn giản, khác biệt thường không nhìn ra; với một biểu trưng phức tạp hoặc độ phân giải thấp, vẽ lại vẫn tốt hơn.
PNG, JPG, WebP và GIF đều được chấp nhận, vì ảnh được trình duyệt giải mã trước khi dò nét. PNG là điểm khởi đầu tốt nhất vì nó không có vết nén để công cụ nhầm thành chi tiết.
Có. Vùng trong suốt vẫn trong suốt trong SVG, nên một huy hiệu hay hình dán đã dò nét sẽ nằm đúng trên mọi màu nền.
Bạn vẫn làm việc với ảnh bitmap? Những công cụ này cũng chạy ngay trong trình duyệt. công cụ chuyển đổi ảnh · công cụ nén ảnh
Ảnh của bạn không được tải lên, việc chỉnh sửa ảnh diễn ra trên trình duyệt của bạn.