แปลงรูปเป็น SVG
เปลี่ยนโลโก้ ไอคอน ลายเซ็น หรือภาพวาดที่เป็นไฟล์ JPG หรือ PNG ให้เป็นไฟล์เวกเตอร์ที่ขอบคมชัดทุกขนาด ตัวแปลงจะลากเส้นตามรูปทรงในภาพแล้วบันทึกเป็นพาธที่นำไปแก้ไข ตัด หรือพิมพ์ได้
แปลงรูปภาพเป็น SVG
หรือลากไฟล์ JPG, JPEG, JFIF … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
ค่าสูงจะเก็บจุดเล็ก ๆ และพื้นผิวละเอียดไว้ ค่าต่ำจะตัดรูปทรงที่เล็กกว่าไม่กี่พิกเซลออกและลดสัญญาณรบกวน
ค่าสูงจะลบขอบหยักจากภาพความละเอียดต่ำหรือ JPG ให้มน ค่าต่ำจะคงมุมแหลมไว้
เส้นโค้งเรียบสำหรับภาพส่วนใหญ่ เส้นตรงสำหรับโลโก้ทรงเรขาคณิต และขอบพิกเซลเพื่อคงลักษณะเป็นบล็อกของภาพพิกเซลอาร์ต
สำหรับไฟล์ PDF เท่านั้น ระบุหน้าที่จะแปลง เช่น 1 หรือ 1-3, 5 แต่ละหน้าจะเป็นไฟล์แยกกัน
วิธีใช้เครื่องมือนี้
- 1
อัปโหลดรูปภาพ
เพิ่มไฟล์ JPG, PNG, WebP, AVIF, HEIC, GIF, BMP, TIFF หรือ PDF ได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB ภาพที่คมชัดและมีคอนทราสต์สูงจะแปลงเป็นเส้นได้ดีที่สุด
- 2
เลือกฟอร์แมตและโหมดสี
เลือก SVG ไว้ที่ แปลงเป็น หรือเลือก EPS, PDF, DXF, AI หรือ PSD ตั้ง โหมดสี เป็น ขาวดำ สำหรับโลโก้และลายเซ็น หรือ สี พร้อมกำหนด จำนวนสี สำหรับภาพประกอบ
- 3
แปลงเป็นเวกเตอร์แล้วดาวน์โหลด
กด ทำเวกเตอร์เป็น SVG (ปุ่มจะแสดงชื่อฟอร์แมตที่เลือก) เปิดผลลัพธ์เพื่อตรวจสอบ แล้วดาวน์โหลด ไฟล์ที่อัปโหลดจะถูกลบหลังจาก 30 นาที
การแปลงรูปเป็น SVG ทำอะไรกันแน่
ระบบจะตามขอบของแต่ละรูปทรงในภาพพิกเซล แล้วแทนที่ด้วยเส้นโค้งทางคณิตศาสตร์ ผลลัพธ์เป็นไฟล์เวกเตอร์ที่คมชัดทุกขนาด เปลี่ยนสีหรือแก้ไขได้ และส่งไปยังเครื่องตัดได้
แปลงรูปเป็น SVG: การลากเส้นเวกเตอร์ทำงานอย่างไร
ไฟล์ JPG หรือ PNG คือตารางของสี่เหลี่ยมสีเล็ก ๆ ส่วน SVG คือรายการของรูปทรง การแปลงจึงเริ่มจากลดภาพให้เหลือสีจำนวนน้อย รวมพิกเซลข้างเคียงที่สีเดียวกันเป็นพื้นที่ แล้วปรับเส้นโค้งไปตามขอบของแต่ละพื้นที่ ดังนั้นคุณภาพของผลลัพธ์ขึ้นกับภาพต้นฉบับมากกว่าการตั้งค่าใด ๆ โลโก้ที่คมชัดบนพื้นเรียบแปลงได้เกือบสมบูรณ์ แต่ภาพแคปหน้าจอของโลโก้เดียวกันที่เบลอจะไม่ได้ผลดี
SVG เป็นมาตรฐานของ W3C ตั้งแต่ปี 2001 เปิดได้ในเบราว์เซอร์ยุคใหม่ทุกตัว ใน Illustrator, Inkscape, Figma และ Affinity Designer รวมถึงซอฟต์แวร์เครื่องตัดอย่าง Cricut Design Space และเนื่องจากเป็นข้อความ SVG ที่ปรับแต่งแล้วของโลโก้แบบเรียบง่ายจึงมักมีขนาดเพียงไม่กี่กิโลไบต์ คู่มือ วิธีแปลง PNG เป็น SVG อธิบายการเตรียมภาพก่อนแปลง
งานที่คนค้นหามากที่สุดสองอย่างมีหน้าของตัวเอง คือ แปลง JPG เป็น SVG สำหรับโลโก้ที่บันทึกเป็นภาพถ่าย และ แปลง PNG เป็น SVG ฟรี สำหรับไฟล์ที่ส่งออกพร้อมความโปร่งใส ทั้งสองหน้าใช้ตัวแปลงเดียวกันนี้
ฟอร์แมตที่ส่งออกได้: SVG, EPS, PDF, DXF, AI และ PSD
- SVG
- เวกเตอร์ที่เปิดได้ในเบราว์เซอร์ Inkscape, Figma, Illustrator และซอฟต์แวร์ Cricut เหมาะกับเว็บไซต์ ไอคอน และเครื่องตัด
- EPS
- เวกเตอร์สำหรับ Illustrator, CorelDRAW และงานพิมพ์ ร้านพิมพ์และเครื่องมือออกแบบรุ่นเก่ายังเรียกหาฟอร์แมตนี้
- เวกเตอร์ในไฟล์ที่โปรแกรมอ่าน PDF ทุกตัวเปิดได้ และแก้ไขใน Illustrator ได้ เหมาะกับโลโก้พร้อมพิมพ์และการแชร์ให้คนที่ไม่ใช่นักออกแบบ
- DXF
- เวกเตอร์สำหรับ AutoCAD, LightBurn และซอฟต์แวร์ CNC ใช้กับงานตัดเลเซอร์ งานพล็อตเตอร์ และแบบ CAD
- AI
- ไฟล์ Adobe Illustrator ต้นฉบับ สำหรับส่งผลลัพธ์ให้ผู้ใช้ Illustrator
- PSD
- ไฟล์แรสเตอร์แบบหลายเลเยอร์สำหรับ Photoshop หรือ Photopea ที่เก็บผลลัพธ์ไว้เป็นเลเยอร์แยก
อธิบายการตั้งค่าการลากเส้นแบบเข้าใจง่าย
โหมดสี คือตัวเลือกแรก ขาวดำ แบ่งภาพที่ ค่าขีดแบ่ง (ค่าเริ่มต้น 128 ช่วง 1–254) พิกเซลที่เข้มกว่าจะเป็นสีดำ ส่วนที่สว่างกว่าเป็นสีขาว ลดค่าลงหากเส้นบางหายไป เพิ่มค่าหากรูปทรงดูเป็นดวง ส่วน สี และ ระดับสีเทา ใช้ จำนวนสี แทน ตั้งได้ตั้งแต่ 2 ถึง 64 ค่าเริ่มต้นคือ 16 โลโก้ส่วนใหญ่เหมาะกับ 4–8 และภาพประกอบเหมาะกับ 16–32
รายละเอียด กำหนดว่าจุดเล็กแค่ไหนจึงยังกลายเป็นรูปทรง ค่าสูงเก็บพื้นผิวไว้ ค่าต่ำช่วยกำจัดสัญญาณรบกวน การปรับให้เรียบ ทำให้ขอบหยักมนขึ้น มีประโยชน์กับภาพเล็กหรือ JPG ที่ถูกบีบอัด เส้นโค้ง เลือกเส้นโค้งเรียบสำหรับงานส่วนใหญ่ เส้นตรงสำหรับโลโก้เรขาคณิต หรือขอบพิกเซลสำหรับพิกเซลอาร์ต ลบพื้นหลัง ตัดรูปทรงที่ใหญ่ที่สุดซึ่งติดขอบภาพ ปรับแต่ง SVG ให้เหมาะสม ปัดเศษพิกัดและรวมเส้นทางจนไฟล์มักเล็กลงครึ่งหนึ่ง และ เฉพาะเส้นขอบ ส่งออกเส้นโดยไม่มีสีเติมสำหรับพล็อตเตอร์และเครื่องตัดไวนิล
- รายละเอียดต่ำ
เก็บเฉพาะรูปทรงหนา เหมาะกับภาพสแกนที่มีสัญญาณรบกวนและตราประทับ
- ค่าเริ่มต้น 60
เก็บตัวอักษรและไอคอนเล็ก ๆ ตัดจุดเล็กที่หลงมา
- รายละเอียดสูง
เก็บพื้นผิวละเอียด ไฟล์ใหญ่ขึ้นและมีโหนดให้แก้ไขมากขึ้น
แปลงได้ดี
- โลโก้และตัวอักษรชื่อแบรนด์ที่ใช้สีเรียบ
- ลายเซ็นและลายมือบนกระดาษขาว
- ไอคอน ตราประทับ สเตนซิล และคลิปอาร์ต
- ภาพวาดเส้นและภาพระบายสี
แปลงได้ไม่ดี
- ภาพถ่ายคน ทิวทัศน์ และอาหาร
- JPG ที่เล็ก เบลอ หรือถูกบีบอัดมาก
- ภาพที่มีการไล่สี เงา หรือเอฟเฟกต์เรืองแสง
- ภาพแคปหน้าจอที่มีตัวอักษรเล็กแบบ anti-alias
เคล็ดลับแปลงรูปเป็น SVG ให้เส้นสะอาด
| ควรทำ | ไม่ควรทำ |
|---|---|
| ลด รายละเอียด เหลือ 30–40 และเพิ่ม การปรับให้เรียบ เมื่อมีจุดเล็ก ๆ รอบโลโก้ เพราะเป็นร่องรอยจาก JPG ที่ตัวแปลงเข้าใจว่าเป็นรูปทรง | แปลงสำเนาที่เล็กและถูกบีบอัดมาก ทั้งที่มีภาพต้นฉบับขนาดใหญ่กว่า |
| เปลี่ยน เส้นโค้ง เป็น เส้นตรง สำหรับงานเรขาคณิตที่ขอบออกมาไม่เรียบ | เพิ่ม รายละเอียด เพื่อกำจัดจุดเล็ก ๆ เพราะยิ่งรายละเอียดมาก ยิ่งแปลงสัญญาณรบกวนมากขึ้น |
| ติ๊ก ลบพื้นหลัง หรือครอปรูปให้พอดีกับตัวงานก่อนด้วย ครอปรูป | ปล่อยกล่องสีขาวไว้หลังโลโก้ที่จะวางบนพื้นหลังสี |
| ตั้ง จำนวนสี ให้ตรงกับงานจริง | คาดหวังให้สีที่แปลงตรงกับสีแบรนด์เป๊ะ หากต้องแม่นยำ ให้เปลี่ยนสีของเส้นทางในโปรแกรมแก้ไขเวกเตอร์ |
คำถามเกี่ยวกับการแปลงรูปเป็น SVG
แปลงรูปเป็น SVG ฟรีได้อย่างไร
อัปโหลดรูป คง แปลงเป็น ไว้ที่ SVG แล้วกดปุ่มทำเวกเตอร์ ไม่ต้องติดตั้งโปรแกรมและไม่ต้องสมัครสมาชิก เพื่อผลลัพธ์ที่ดีที่สุด ให้ครอปรูปเหลือเฉพาะโลโก้หรือภาพวาดก่อน และใช้ไฟล์ต้นฉบับที่ใหญ่ที่สุดที่มี
แปลง JPG เป็น SVG โดยคงสีเดิมไว้ได้หรือไม่
ได้ ใช้โหมด สี และตั้ง จำนวนสี ให้ใกล้เคียงกับจำนวนสีพื้นเรียบในภาพ โลโก้มักใช้ 4–8 สี พื้นที่แต่ละสีจะกลายเป็นรูปทรงแยกกัน แปลง JPG เป็น SVG ใช้ค่าเริ่มต้นที่ปรับไว้สำหรับไฟล์ JPG ซึ่งต้องเพิ่ม การปรับให้เรียบ อีกเล็กน้อยเพื่อซ่อนสัญญาณรบกวนจากการบีบอัด
แปลง PNG เป็น SVG ฟรีแบบพื้นหลังโปร่งใสได้หรือไม่
PNG เป็นไฟล์ต้นฉบับที่ดีกว่า เพราะไม่มีสัญญาณรบกวนแบบ JPG และอาจโปร่งใสอยู่แล้ว ติ๊ก ลบพื้นหลัง เพื่อตัดรูปทรงที่ใหญ่ที่สุดซึ่งติดขอบภาพ ซึ่งมักเป็นพื้นหลังสีขาว SVG จะโปร่งใสด้วย ดู แปลง PNG เป็น SVG ฟรี
ทำไมรูปถ่ายจึงดูเหมือนโปสเตอร์หลังแปลงรูปเป็น SVG
เวกเตอร์อธิบายรูปทรงสีเรียบ ไม่ใช่โทนสีละเอียดนับล้านในภาพถ่าย การแปลงภาพถ่ายเป็นเส้นจะได้ลุคแบบโปสเตอร์ที่ดูเป็นศิลปะ ซึ่งอาจใช้เป็นเอฟเฟกต์ได้ แต่ไม่มีวันเหมือนต้นฉบับ หากภาพถ่ายต้องการเพียงเปลี่ยนฟอร์แมต ให้ใช้ แปลงไฟล์รูปภาพ แทน
การแปลงรูปเป็น SVG ทำให้ความละเอียดสูงขึ้นหรือไม่
ช่วยให้ภาพไม่ขึ้นกับความละเอียด คือขยายเส้นเป็นขนาดใดก็ได้โดยไม่เห็นพิกเซล แต่ตัวแปลงทำได้เพียงตามสิ่งที่มีในต้นฉบับ โลโก้ขนาด 100 px จึงได้รูปทรงหยาบ และยังหยาบเท่าเดิมไม่ว่าจะขยายแค่ไหน ควรใช้ต้นฉบับที่ใหญ่และคมที่สุด
ควรใช้ไฟล์แบบใดกับ Cricut หรือ Silhouette
SVG ทั้ง Cricut Design Space และ Silhouette Studio นำเข้า SVG ได้ และ เฉพาะเส้นขอบ จะส่งออกเส้นโดยไม่มีสีเติม เมื่อต้องการให้เครื่องตัดวิ่งตามขอบ เครื่องตัดเลเซอร์และโปรแกรม CAD มักนิยมใช้ DXF
แปลงหน้า PDF เป็นเวกเตอร์ได้หรือไม่
ได้ อัปโหลด PDF แล้วใส่เลขหน้าที่ หน้า PDF เช่น 1 หรือ 1-3, 5 แต่ละหน้าจะถูกแปลงเป็นเส้นเหมือนรูปภาพและบันทึกเป็นไฟล์เวกเตอร์แยกกัน
รวมทุกเครื่องมือ แปลงรูปเป็น SVG
เลือกค่าเป้าหมายที่ตรงกับที่ได้รับแจ้งมา ทุกหน้าด้านล่างคือเครื่องมือเดียวกันที่ตั้งค่าเริ่มต้นต่างกัน
- แปลงรูปเป็น SVGแปลงไฟล์รูป (JPG, PNG, WebP, GIF, BMP, TIFF) เป็น SVG จริงด้วยการแปลงเป็นรูปทรงเวกเตอร์ เลือกแบบสีหรือขาวดำ ลบพื้นหลังได้ สูงสุด 20 ไฟล์
- แปลง JPEG เป็น SVGแปลงงานสแกน ตราประทับ ลายเซ็น หรือโลโก้ไฟล์ JPEG เป็นเส้นพาธ SVG ที่ขยายและแก้ไขได้ เลือก 2–64 สีหรือขาวดำ แล้วลดสัญญาณรบกวนจากการบีบอัด
- แปลง JPG เป็น SVGแปลง JPG เป็น SVG ด้วยการลากเส้นรูปให้เป็นรูปทรงเวกเตอร์ที่แก้ไขได้ ไม่ใช่แค่ห่อพิกเซลไว้ ตั้งค่าจำนวนสี ความเรียบของเส้น และการลบพื้นหลังได้
- แปลง PDF เป็น PSDแปลงหน้า PDF ที่เป็นงานอาร์ตเวิร์กให้เป็น PSD โดยแปลงหน้าเป็นรูปทรงสีเรียบ สูงสุด 64 สี แล้วบันทึกเป็นเลเยอร์ Photoshop ไม่ต้องมี Photoshop
- แปลงรูปถ่ายเป็น SVGแปลงรูปถ่ายเป็น SVG แบบภาพเวกเตอร์สีแบน สำหรับทำสเตนซิล เลเซอร์แกะสลัก สติกเกอร์ไวนิล และงานสกรีน ใช้สีน้อย เส้นโค้งเรียบ และลบพื้นหลังออก
- แปลง PNG เป็น SVG ฟรีแปลง PNG เป็น SVG ฟรีโดยไม่ต้องสมัครบัญชี แปลงโลโก้ ไอคอน และลายเส้นเป็นเส้นพาธที่ขยายได้ไม่แตก เลือกโหมดสี โทนสีเทา หรือขาวดำ และจำนวนสีได้
- แปลง WebP เป็น SVGแปลงไฟล์ WebP ให้เป็น SVG ด้วยการลากเส้นภาพเป็นรูปทรงเวกเตอร์ที่แก้ไขได้ ไม่ใช่บิตแมปที่ซ่อนอยู่ในไฟล์ SVG เหมาะกับโลโก้ ไอคอน และไฟล์สำหรับตัด