OneSVG Studio

Vector Hoá Logo Đen Trắng Sang SVG

Upload logo/icon đen trắng — Sharp xử lý grayscale và threshold, Potrace trace thành path Bezier mượt, SVGO tối ưu. Output SVG siêu nhẹ, phù hợp logo/icon dùng trên web và in ấn.

Mono Vectorize
Logo, icon, chữ viết tay — đầu vào càng tương phản càng đẹp.
Ngưỡng đen/trắng (threshold)128

0 = tối, 255 = sáng. Điều chỉnh đến khi logo hiển thị rõ.

Turdsize (bỏ điểm nhỏ)2
Alphamax (độ mượt đường cong)1.00

Về công cụ Mono Vectorize

Potrace là engine tracing đen trắng huyền thoại của Peter Selinger (2001-nay), được tích hợp trong Inkscape, LibreOffice Draw và hàng chục công cụ khác. Ưu điểm: đường cong Bezier mượt tự nhiên, output path cực nhẹ, thuật toán rất nhanh.

Chúng tôi preprocess ảnh bằng Sharp: grayscale, threshold (ngưỡng đen/trắng bạn chọn), convert sang PNM. Sau đó Potrace tracing path và SVGO tối ưu lần cuối. Kết quả thường chỉ 2-20KB cho logo đơn giản.

  • Engine Potrace Bezier mượt
  • Slider threshold 0-255 real-time
  • Turdsize loại điểm noise nhỏ
  • Alphamax điều chỉnh độ cong
  • SVGO tối ưu tự động, multipass
  • Output siêu nhẹ, 2-20KB cho logo

Cách vector hoá logo đen trắng

  1. 1

    Chuẩn bị ảnh input

    Logo hoặc icon với nền sáng/tối rõ ràng. Tương phản càng cao, output càng sạch. Hỗ trợ PNG, JPG, WebP.

  2. 2

    Upload file

    Kéo thả vào khung upload. Ảnh 4K trở lên sẽ resize xuống 2048px trước khi xử lý.

  3. 3

    Tinh chỉnh threshold

    Mặc định 128. Logo có nền sẫm cần threshold thấp hơn (80-100), nền sáng cần cao hơn (150-180).

  4. 4

    Bấm bắt đầu

    Sharp + Potrace + SVGO chạy tuần tự. Thường < 5s cho logo đơn giản.

  5. 5

    Xem preview và tải SVG

    File SVG final chỉ vài KB. Copy vào code hoặc dùng trực tiếp.

Khi nào dùng Mono Vectorize?

Vector hoá logo công ty
Logo cũ chỉ có PNG? Upload để có file SVG scale vô hạn, dùng in card, banner, web favicon.
Chuyển chữ viết tay sang SVG
Scan chữ ký hoặc calligraphy, vector hoá thành path để dùng trong design.
Tạo icon line-art
Icon UI đen trắng nhẹ, dùng cho thư viện icon dự án mà không cần icon font.
Khắc laser/CNC
Path SVG thuần là format chuẩn cho máy khắc laser, CNC, plotter.

SVG thuần Potrace vs SVG giả (base64)

Bảng so sánh output logo 1 màu 500×500px qua OneSVG Mono vs các tool đóng gói base64.

Tiêu chíSVG thuần (OneSVG Potrace)SVG giả (base64)
Phần tử gốc1-2 thẻ <path> với curve Bezier<image href="data:image/png;base64,...">
Dung lượng logo 500×5002-20 KB30-200 KB (nặng gấp 10 lần)
Đường cong của logoBezier mượt tự nhiênThấy pixel răng cưa khi zoom
Dùng làm favicon SVG✅ Perfect❌ Khó — quá nặng
Khắc laser/CNC✅ Máy đọc path trực tiếp❌ Không dùng được
In áo thun, in lụa✅ Sắc nét mọi size❌ Phải chọn resolution cao
Đổi màu qua CSS✅ fill="currentColor"❌ Không

Thuật toán Potrace hoạt động thế nào?

Potrace là tracer đen trắng của Peter Selinger (2001-present), được Inkscape, GIMP, LibreOffice Draw, Adobe dùng làm engine. Pipeline: bitmap 1-bit → path tracing (Marching Squares-like) → polygon reduction → Bezier smoothing.

Trước Potrace, chúng tôi preprocess ảnh input bằng Sharp: grayscale → threshold (ngưỡng 0-255 bạn chọn) → bitmap 1-bit → PBM file (vì Sharp không xuất PBM trực tiếp, dùng ImageMagick convert làm cầu nối). Tham số turdsize loại vùng < N pixel² (dọn noise).

Alphamax (mặc định 1.0) điều chỉnh độ cong: 0 = đa giác thẳng, 1.3334 = cực mượt. Opttolerance (mặc định 0.2) quyết định bezier gộp path — trade-off chất lượng/dung lượng. Sau Potrace, SVGO tối ưu cuối cùng, output thường chỉ 2-20 KB.

Câu hỏi về Mono Vectorize

Có xử lý được ảnh màu không?
Có, nhưng sẽ bị chuyển về đen trắng qua threshold. Nếu cần giữ màu, dùng Color Vectorize.
Threshold đúng cho logo là bao nhiêu?
128 là mặc định. Nếu logo mờ, giảm xuống 100. Nếu logo có viền mỏng, tăng lên 160 để giữ viền.
Turdsize là gì?
Ngưỡng loại bỏ vùng path nhỏ hơn N pixel. Tăng lên 5-10 để loại noise từ ảnh scan.
Vì sao output có lỗ trống trong logo?
Threshold quá cao cắt mất phần thân. Giảm threshold hoặc tăng độ tương phản ảnh gốc trước khi upload.