This page was machine-translated. Spotted a mistake?Help improve it.
Skip to content

Image to SVG

ทำเวกเตอร์ภาพแรสเตอร์เป็น SVG โดยใช้อัลกอริทึมการเทรซ รองรับการเทรซแบบขาวดำ (potrace) และการทำเวกเตอร์หลายเลเยอร์เต็มสี

API Endpoint

POST /api/v1/tools/image/vectorize

Parameters

ParameterTypeRequiredDefaultDescription
colorModestringNo"bw"โหมดการเทรซ: bw (ขาวดำ) หรือ color (เลเยอร์หลายสี)
thresholdnumberNo128เกณฑ์ความสว่างสำหรับโหมด B&W (0 ถึง 255) พิกเซลที่ต่ำกว่าจะกลายเป็นสีดำ
colorPrecisionnumberNo6ความแม่นยำในการควอนไทซ์สีสำหรับโหมดสี (1 ถึง 16) ค่ายิ่งสูงยิ่งสร้างเลเยอร์สีที่แตกต่างมากขึ้น
layerDifferencenumberNo6ความต่างของสีขั้นต่ำระหว่างเลเยอร์ในโหมดสี (1 ถึง 128)
filterSpecklenumberNo4พื้นที่ขั้นต่ำสำหรับรูปทรงที่เทรซเป็นพิกเซล (1 ถึง 256) ลบสัญญาณรบกวน/จุดเล็กๆ
pathModestringNo"spline"การทำให้พาธเรียบ: none (ขรุขระ), polygon (ส่วนเส้นตรง), spline (เส้นโค้งเรียบ)
cornerThresholdnumberNo60เกณฑ์มุมสำหรับการตรวจจับมุมในโหมดสี (0 ถึง 180 องศา)
invertbooleanNofalseกลับสีภาพก่อนเทรซ (สลับดำ/ขาว)

Example Request

bash
curl -X POST http://localhost:1349/api/v1/tools/image/vectorize \
  -F "[email protected]" \
  -F 'settings={"colorMode":"bw","threshold":128,"filterSpeckle":4,"pathMode":"spline"}'

Color Vectorization

bash
curl -X POST http://localhost:1349/api/v1/tools/image/vectorize \
  -F "[email protected]" \
  -F 'settings={"colorMode":"color","colorPrecision":8,"layerDifference":6,"filterSpeckle":4}'

Example Response

json
{
  "jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
  "downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/logo.svg",
  "originalSize": 45678,
  "processedSize": 12345
}

Notes

  • ผลลัพธ์เป็นไฟล์ SVG เสมอไม่ว่ารูปแบบไฟล์นำเข้าจะเป็นอะไร
  • รองรับรูปแบบไฟล์นำเข้า HEIC, RAW, PSD และ SVG (ถอดรหัสเป็นแรสเตอร์อัตโนมัติก่อนเทรซ)
  • โหมด B&W ใช้อัลกอริทึม potrace ภาพจะถูกแปลงเป็นเฉดสีเทาก่อน แล้วปรับตามเกณฑ์เป็นขาวดำล้วนก่อนเทรซ
  • โหมดสีใช้วิธีการหลายเลเยอร์: ภาพจะถูกควอนไทซ์เป็นเลเยอร์สี แต่ละเลเยอร์เทรซแยกกันแล้วเรียงซ้อนในผลลัพธ์ SVG
  • ค่า filterSpeckle ที่ต่ำกว่าจะรักษารายละเอียดมากขึ้นแต่สร้างไฟล์ SVG ที่ใหญ่กว่าและมีพาธมากขึ้น
  • การตั้งค่า pathMode ส่งผลต่อขนาดไฟล์อย่างมาก: none สร้างพาธมากที่สุด ส่วน spline ให้ผลลัพธ์ที่เรียบที่สุด (และมักเล็กที่สุด)
  • เพื่อผลลัพธ์ที่ดีที่สุดกับโลโก้และไอคอน ใช้โหมด B&W กับภาพนำเข้าที่คมชัดและมีความต่างสูง สำหรับภาพถ่ายหรือภาพประกอบ ใช้โหมดสีด้วยค่า colorPrecision ที่สูงขึ้น