OneSVG Studio

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ỡ.

Color Vectorize
Chọn preset phù hợp để cân đối chất lượng và kích thước file.
Filter Speckle (bỏ điểm nhiễu)4
Color Precision (số bit màu)6
Path Precision (độ chính xác path)5

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. 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. 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. 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. 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. 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?

Vector hoá ảnh illustration
Ảnh minh hoạ, character design, poster phẳng chuyển sang SVG để scale mọi kích thước.
Tạo icon nhiều màu cho website
Icon artwork phức tạp giữ nguyên màu sắc mà không cần kho ảnh PNG nhiều độ phân giải.
In ấn khổ lớn từ ảnh nhỏ
Upload ảnh 500px, output SVG in được poster A0 không vỡ pixel.
Animation SVG với CSS/JS
Path thuần tiện cho GSAP, Framer Motion animate từng layer màu riêng biệt.

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ệtSắc nét tuyệt đối, đường cong mịnVỡ pixel ngay lập tức
Mở trong Adobe IllustratorEdit được từng path, từng màuChỉ thấy 1 ảnh lồng — không edit được
In khổ A0 (841×1189mm)Đẹp, không thấy pixelMờ và thấy pixel
Dung lượng file (logo 500×500)50-500 KB tuỳ độ phức tạp1-5 MB (nặng hơn PNG gốc)
Animate với CSS/GSAPAnimate path, morph, stroke-drawKhông — chỉ animate cả khối
Dùng cho máy khắc laser/CNCOK — máy đọc đường pathKhông dùng được
Đổi màu qua CSS fill:Được, mỗi path đổi độc lậpKhô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?
Được. PNG có alpha channel được hỗ trợ. Phần trong suốt sẽ không được tracing thành path.
Dùng preset nào cho avatar anime?
Thử Poster trước (illustration phẳng). Nếu mất nhiều chi tiết chuyển sang Photo và giảm Filter Speckle xuống 2-3.
Vì sao ảnh tôi trace xong nặng 5MB?
Ảnh photo với độ chi tiết cao sinh ra rất nhiều path. Giảm Color Precision (6→3) và tăng Filter Speckle (4→10) sẽ giảm dung lượng 60-80%.
Có hỗ trợ transparency trong output?
Có, output SVG giữ vùng trong suốt của ảnh gốc (không có fill ở vùng đó).