Chuyển Ảnh Màu Sang SVG Online
Upload ảnh PNG/JPG/WebP — VTracer sẽ phân tích màu thành các layer, tracing đường biên mỗi màu thành path SVG, rồi SVGO tối ưu dung lượng. Output là SVG thuần, scale vô hạn không vỡ.
Về công cụ Color Vectorize
VTracer là engine tracing viết bằng Rust, được phát triển bởi VisionCortex. So với Potrace chỉ hỗ trợ ảnh đen trắng, VTracer phân tách ảnh thành nhiều layer màu, tracing từng layer thành path SVG riêng rồi ghép lại. Kết quả là một SVG vector hoàn chỉnh, thể hiện đúng tinh thần gradient và màu sắc của ảnh gốc.
Sau khi tracing, chúng tôi chạy SVGO multipass để loại metadata rác, làm tròn toạ độ và gộp path trùng — thường giảm 40-60% dung lượng. Kết quả cuối cùng là SVG gọn, có thể dùng ngay trên web, scale lên poster 10m không vỡ pixel.
- 3 preset sẵn: photo, poster, bw
- Slider tinh chỉnh filter speckle, color precision, path precision
- Resize tự động xuống 2048px để tránh OOM
- SVGO multipass tự động sau tracing
- Preview SVG ngay sau khi tracing xong
- Output là SVG thuần, không base64
Cách chuyển ảnh màu sang SVG
- 1
Upload ảnh PNG/JPG/WebP
Kéo thả hoặc nhấn chọn file. Hỗ trợ PNG, JPG, WebP, GIF, BMP đến 25MB. Ảnh lớn hơn 2048px sẽ được tự động resize.
- 2
Chọn preset phù hợp
Photo cho ảnh chụp, Poster cho illustration/artwork phẳng, BW cho ảnh tương phản cao cần chuyển thành nhị phân.
- 3
Tinh chỉnh slider (tuỳ chọn)
Filter Speckle cao hơn giúp loại nhiễu nhưng mất chi tiết. Color Precision cao giữ nhiều màu hơn nhưng file to hơn.
- 4
Bấm bắt đầu và chờ
VTracer trace + SVGO tối ưu. Mất 3-30s tuỳ kích thước ảnh. Tiến trình hiển thị realtime.
- 5
Xem preview và tải SVG
Xem trước trên nền caro, bấm TẢI VỀ để lưu file .svg. File tồn tại 1 giờ trên server.
Khi nào dùng Color Vectorize?
SVG thuần VTracer vs SVG giả (base64 nhúng)
Bảng so sánh output khi convert cùng một ảnh PNG 500×500px (logo nhiều màu) qua OneSVG vs các tool dùng base64 nhúng.
| Tiêu chí | SVG thuần (OneSVG VTracer) | SVG giả (base64 nhúng) |
|---|---|---|
| Phần tử gốc trong file | <path>, <polygon>, <circle> | <image href="data:image/png;base64,..."> |
| Zoom 500% trên trình duyệt | Sắc nét tuyệt đối, đường cong mịn | Vỡ pixel ngay lập tức |
| Mở trong Adobe Illustrator | Edit được từng path, từng màu | Chỉ thấy 1 ảnh lồng — không edit được |
| In khổ A0 (841×1189mm) | Đẹp, không thấy pixel | Mờ và thấy pixel |
| Dung lượng file (logo 500×500) | 50-500 KB tuỳ độ phức tạp | 1-5 MB (nặng hơn PNG gốc) |
| Animate với CSS/GSAP | Animate path, morph, stroke-draw | Không — chỉ animate cả khối |
| Dùng cho máy khắc laser/CNC | OK — máy đọc đường path | Không dùng được |
| Đổi màu qua CSS fill: | Được, mỗi path đổi độc lập | Không — cả ảnh cố định |
Thuật toán VTracer hoạt động thế nào?
VTracer là engine tracing viết bằng Rust, được phát triển bởi VisionCortex. Pipeline gồm 3 giai đoạn: quantization → clustering → bezier fitting. Giai đoạn quantization giảm không gian màu RGB 16.7 triệu màu xuống còn vài chục 'cluster' màu đại diện — do tham số color_precision quyết định (6 bit mặc định = 64 màu).
Giai đoạn clustering gom các pixel liền kề cùng cluster thành 'vùng' (region). Filter speckle loại các vùng nhỏ dưới N pixel² (mặc định 4). Gradient step (VTracer 0.6+, tham số --gradient_step — không phải layer_difference cũ) điều chỉnh cách trace giữa 2 màu gần — độ mịn chuyển màu.
Giai đoạn cuối là bezier fitting: biên của mỗi vùng được fit thành curve Bezier bậc 3 với sai số path_precision. Spline mode (mặc định) tạo đường cong mượt; polygon mode tạo đa giác thẳng — nhẹ hơn nhưng gãy. Sau đó SVGO multipass loại metadata, làm tròn toạ độ, gộp path trùng — output cuối thường nhẹ hơn 40-60% so với raw.
Câu hỏi về Color Vectorize
Ảnh có nền trong suốt được không?
Dùng preset nào cho avatar anime?
Vì sao ảnh tôi trace xong nặng 5MB?
Có hỗ trợ transparency trong output?
Công cụ liên quan
Mono Vectorize (Potrace)
Vector hoá logo, icon, line-art đen trắng với Potrace — đường cong mượt, path sạch, nhẹ tối đa.
SVG Optimizer (SVGO)
Nén file SVG có sẵn tới 70% dung lượng không giảm chất lượng: loại metadata thừa, làm tròn toạ độ, gộp path.
Batch Convert
Upload nhiều ảnh cùng lúc, chọn chung một engine (color hoặc mono), tải về ZIP chứa toàn bộ SVG đã chuyển đổi.