เครื่องมือแปลงภาพเป็นเวกเตอร์และแปลง SVG
แปลงภาพ PNG/JPG เป็นเส้นทางเวกเตอร์ SVG
หรือแปลง SVG เป็นแรสเตอร์ทั้งหมดในเบราว์เซอร์ของคุณ
⚙️ การตั้งค่าเวกเตอร์
ปรับเกณฑ์ความสว่าง ค่าที่ต่ำกว่าจะทำให้มีพื้นที่สีดำมากขึ้น ในขณะที่ค่าที่สูงกว่าจะสร้างพื้นที่สีขาวมากขึ้น
เกี่ยวกับเครื่องมือแปลงภาพเป็นเวกเตอร์และแปลง SVG
เครื่องมือแปลงภาพเป็นเวกเตอร์และแปลง SVG เป็นเครื่องมือออนไลน์ฟรีที่ช่วยให้คุณแปลงภาพแรสเตอร์ (เช่น PNG, JPG) ให้เป็นกราฟิกเวกเตอร์ที่ปรับขนาดได้ (รูปแบบ SVG) โดยจะแยกโครงร่างของโลโก้และภาพประกอบโดยอัตโนมัติแล้วเปลี่ยนให้เป็นเส้นทาง SVG เพื่อให้ภาพไม่แตกเมื่อขยายขนาด คุณยังสามารถโหลดไฟล์ SVG และส่งออกเป็นภาพ PNG (แรสเตอร์) ได้อีกด้วย
การดำเนินการทั้งหมดจะเสร็จสิ้นภายในเบราว์เซอร์ของคุณ ข้อมูลรูปภาพจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ภายนอกใดๆ ทำให้คุณสามารถใช้เครื่องมือนี้ได้อย่างปลอดภัยแม้กับรูปภาพที่เป็นความลับสูง
วิธีแปลงภาพเป็นเวกเตอร์และแปลงรูปภาพ
เลือกรูปภาพ
เลือกหรือลากและวางภาพที่มีรูปแบบ PNG, JPG หรือ SVG ที่คุณต้องการแปลง
ปรับการตั้งค่า
หากคุณต้องการแปลงจาก PNG/JPG เป็น SVG ให้ปรับแถบเลื่อน "เกณฑ์ความสว่าง" (Threshold) เพื่อแยกเส้นขอบ ตรวจสอบตัวอย่างเพื่อหาค่าที่เหมาะสมที่สุด
แปลงและบันทึก
คลิกที่ปุ่ม "บันทึกเป็น SVG" หรือ "บันทึกเป็น PNG" เพื่อดาวน์โหลดผลลัพธ์ที่แปลงแล้วไปยังอุปกรณ์ของคุณ
คำศัพท์เกี่ยวกับกราฟิกเวกเตอร์และ SVG
- ภาพเวกเตอร์
- รูปแบบภาพที่สร้างขึ้นจากสูตรทางคณิตศาสตร์ในการคำนวณจุดและเส้น (เส้นทาง - path) ภาพจะไม่สูญเสียความคมชัดเมื่อขยายหรือย่อขนาด และมักจะมีขนาดไฟล์เล็กกว่าภาพแรสเตอร์
- ภาพแรสเตอร์
- รูปแบบภาพที่ประกอบขึ้นจากพิกเซล (จุดเล็กๆ) จำนวนมากมารวมกัน ตัวอย่างเช่น PNG และ JPG เมื่อขยายภาพ ภาพจะแตกและเห็นรอยหยัก
- SVG
- รูปแบบภาพเวกเตอร์มาตรฐานสำหรับเว็บ มีความเข้ากันได้สูงกับ HTML และ CSS นิยมใช้ในการสร้างโลโก้และไอคอนสำหรับเว็บไซต์
- การติดตามเส้น (Tracing)
- เทคโนโลยีการประมวลผลที่ตรวจจับเส้นหรือขอบเขตสีโดยอัตโนมัติจากข้อมูลพิกเซลของภาพแรสเตอร์และแปลงเป็นข้อมูลเส้นทางเวกเตอร์
- เกณฑ์ความสว่าง (Threshold)
- ค่าขอบเขตความสว่างที่ใช้ในการแยกภาพเป็นสีขาวและดำ การปรับค่านี้จะกำหนดระดับรายละเอียดของเส้นขอบที่ถูกแยกออกมา
คำถามที่พบบ่อย
- Q. รูปภาพถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?
- ไม่ เครื่องมือนี้ประมวลผลทุกอย่างภายในเบราว์เซอร์ของคุณ รูปภาพของคุณจะไม่ถูกส่งหรือจัดเก็บไว้ในเซิร์ฟเวอร์ภายนอก เพื่อให้มั่นใจถึงความเป็นส่วนตัว 100%
- Q. รองรับการแปลงภาพสีเป็นเวกเตอร์หรือไม่?
- เวอร์ชันปัจจุบันมุ่งเน้นไปที่การแยกโครงร่างขาวดำ/สีเดียวที่มีความแม่นยำสูง ซึ่งเหมาะอย่างยิ่งสำหรับโลโก้และรูปทรงต่างๆ
- Q. การแปลง SVG เป็น PNG (แรสเตอร์) ทำงานอย่างไร?
- เครื่องมือนี้ใช้เอนจินการเรนเดอร์ที่มีอยู่ในเบราว์เซอร์ (Canvas API) เพื่อวาดไฟล์ SVG และส่งออกผลลัพธ์เป็นไฟล์รูปภาพ PNG
- Q. ขนาดไฟล์ SVG ที่แปลงแล้วจะใหญ่กว่าหรือไม่?
- หากคุณแปลงภาพที่ซับซ้อน เช่น รูปถ่าย จำนวนเส้นทาง (vector paths) อาจมีจำนวนมหาศาล ทำให้ขนาดไฟล์ใหญ่ขึ้น เครื่องมือนี้เหมาะที่สุดสำหรับภาพที่มีสีน้อย เช่น ไอคอนและโลโก้
- Q. รูปภาพประเภทใดเหมาะที่สุดสำหรับการแปลงเป็นเวกเตอร์?
- ภาพประกอบที่วาดด้วยมือ โลโก้สีเดียว ไอคอน และภาพข้อความสแกนที่มีเส้นขอบชัดเจนเป็นตัวเลือกที่เหมาะสมที่สุด
กรณีการใช้งานสำหรับการแปลง SVG
🎨 การแปลงภาพวาดด้วยมือเป็นดิจิทัล
สแกนภาพประกอบขาวดำ แปลงเป็น SVG และแก้ไขตามต้องการในซอฟต์แวร์ออกแบบ
🖨️ โลโก้ความละเอียดสูง
แปลงภาพโลโก้ที่มีความละเอียดต่ำให้เป็นเวกเตอร์สำหรับใช้ในสิ่งพิมพ์
🌐 การสร้างไอคอนเว็บไซต์
แปลงไฟล์ไอคอน PNG เป็นไฟล์ SVG ที่มีน้ำหนักเบาและสามารถปรับขนาดได้
🖼️ การแปลงไฟล์ SVG เป็นแรสเตอร์
แปลงข้อมูลการออกแบบ SVG ที่พบทางออนไลน์เป็นภาพ PNG ทั่วไปเพื่อให้ใช้งานง่าย
เทคโนโลยีเบื้องหลังการแปลงภาพ
กระบวนการแปลงภาพเป็น SVG ของเราใช้อัลกอริธึมจากโอเพนซอร์ส ImageTracer.js โดยการวิเคราะห์พิกเซลของภาพทีละจุดเพื่อตรวจหาขอบเขตและแปลงเส้นเหล่านั้นเป็นเส้นโค้ง (spline curves) หรือเส้นตรง เพื่อสร้างโค้ด SVG ที่เบาและปรับขนาดได้ไม่จำกัดโดยอัตโนมัติ ภายในเบราว์เซอร์ของคุณ
ส่งความคิดเห็น
โปรดแจ้งให้เราทราบความคิดเห็นของคุณเพื่อช่วยปรับปรุงเครื่องมือ
การส่งความคิดเห็นถูกระงับชั่วคราว
เซิร์ฟเวอร์ไม่ว่างหรือระบบป้องกันสแปมทำงานอยู่ โปรดลองอีกครั้งในภายหลัง