แปลง JPG เป็น SVG
เปลี่ยนโลโก้ ภาพสเก็ตช์ หรือไอคอนที่เป็นไฟล์ JPG ให้เป็น SVG ที่ประกอบด้วยพาธจริง ขยายได้ทุกขนาด และนำไปใช้ใน Cricut, Silhouette, Illustrator หรือหน้าเว็บได้ ตัวลากเส้นจะวาดพื้นที่แต่ละสีขึ้นใหม่เป็นรูปทรง ผลลัพธ์จึงเป็นเวกเตอร์แท้ ไม่ใช่รูปภาพที่ถูกห่อไว้ในไฟล์เวกเตอร์
แปลงรูปภาพเป็น SVG
หรือลากไฟล์ JPG, JPEG, JFIF … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
ค่าสูงจะเก็บจุดเล็ก ๆ และพื้นผิวละเอียดไว้ ค่าต่ำจะตัดรูปทรงที่เล็กกว่าไม่กี่พิกเซลออกและลดสัญญาณรบกวน
ค่าสูงจะลบขอบหยักจากภาพความละเอียดต่ำหรือ JPG ให้มน ค่าต่ำจะคงมุมแหลมไว้
เส้นโค้งเรียบสำหรับภาพส่วนใหญ่ เส้นตรงสำหรับโลโก้ทรงเรขาคณิต และขอบพิกเซลเพื่อคงลักษณะเป็นบล็อกของภาพพิกเซลอาร์ต
สำหรับไฟล์ PDF เท่านั้น ระบุหน้าที่จะแปลง เช่น 1 หรือ 1-3, 5 แต่ละหน้าจะเป็นไฟล์แยกกัน
วิธีใช้เครื่องมือนี้
- 1
อัปโหลดไฟล์ JPG
วางไฟล์ JPG หรือ JPEG ของโลโก้ ภาพวาด หรือกราฟิกแบบเรียบ ได้ครั้งละไม่เกิน 20 ไฟล์ ยิ่งไฟล์ต้นฉบับใหญ่และคมชัด เส้นโค้งก็ยิ่งเรียบเนียน
- 2
กำหนดสี
จำนวนสี เริ่มต้นที่ 8 ซึ่งเหมาะกับโลโก้ส่วนใหญ่ ให้เปลี่ยน โหมดสี เป็นขาวดำสำหรับลายเซ็นและงานเส้น และเพิ่ม การปรับให้เรียบ หากไฟล์ JPG มีขนาดเล็กหรือเป็นเหลี่ยมเป็นบล็อก
- 3
แปลงและตรวจสอบ
กด ทำเวกเตอร์เป็น SVG แล้วเปิดไฟล์ในเบราว์เซอร์และซูมเข้าไปดู หากรายละเอียดเล็ก ๆ หายไป ให้เพิ่ม รายละเอียด ใน การตั้งค่าขั้นสูง แล้วแปลงอีกครั้ง
การแปลง JPG เป็น SVG ได้ผลดีที่สุดกับภาพที่เป็นกราฟิกเรียบมาตั้งแต่แรก ได้แก่ โลโก้ ไอคอน ตราประทับ ลายเซ็น และภาพวาด ยิ่งต้นฉบับมีสีน้อย เวกเตอร์ก็ยิ่งสะอาด
รูป JPG กลายเป็นพาธเวกเตอร์ได้อย่างไร
JPG คือตารางพิกเซลที่บีบอัดด้วยวิธี JPEG ปี 1992 ส่วน SVG ซึ่งเป็นมาตรฐาน W3C ตั้งแต่ปี 2001 คือรายการรูปทรงที่อธิบายด้วยพิกัดและเส้นโค้ง ทั้งสองแปลงตรง ๆ กันไม่ได้ ตัวแปลงจึงใช้วิธีตามรอย โดยจัดกลุ่มพิกเซลเป็นสีจำนวนจำกัด หาขอบเขตของแต่ละพื้นที่สี แล้วปรับเส้นโค้งเรียบ ๆ ไปตามขอบเขตนั้น
แนวคิดเดียวกันนี้เป็นพื้นฐานของ Trace Bitmap ใน Inkscape ซึ่งสร้างบนไลบรารี Potrace และ Image Trace ของ Illustrator ที่เปิดตัวใน Illustrator CS6 สิ่งที่ต่างกันระหว่างเครื่องมือคือวิธีเลือกสีและความแรงในการลบสัญญาณรบกวน ซึ่งสองเรื่องนี้คือสิ่งที่ จำนวนสี รายละเอียด และ การปรับให้เรียบ ควบคุมที่นี่
JPG มีความท้าทายเฉพาะตัว ฟอร์แมตนี้แบ่งภาพเป็นบล็อกขนาด 8 × 8 พิกเซลและทิ้งรายละเอียดละเอียดในแต่ละบล็อก ทำให้เกิดแสงฟุ้งจาง ๆ รอบขอบคม ตัวตามรอยมองเห็นสิ่งนั้นเป็นรูปทรงเพิ่ม หน้านี้จึงเริ่มต้น การปรับให้เรียบ ที่ 60 แทนค่าปกติที่ 50
การเลือกจำนวนสีเมื่อแปลง JPG เป็น SVG
- 2
โลโก้สีเดียว สเตนซิล สติกเกอร์ไวนิล
- 4–8
โลโก้และไอคอนแบบเรียบ (ค่าเริ่มต้น 8)
- 16–32
ภาพประกอบ การ์ตูน ตราสัญลักษณ์
- 64
สูงสุด สำหรับภาพถ่ายแนวโปสเตอร์
สิ่งที่การแปลง JPG เป็น SVG ทำได้และทำไม่ได้
ความเชื่อบันทึก JPG เป็น SVG แล้วจะคมชัดทุกขนาด
ข้อเท็จจริงเฉพาะพาธที่ตามรอยแล้วเท่านั้นที่ปรับขนาดได้ SVG ที่เพียงฝัง JPG ไว้จะเบลอเหมือน JPG ทุกประการ
ความเชื่อสีเยอะกว่าย่อมได้เวกเตอร์ที่ดีกว่าเสมอ
ข้อเท็จจริงเกิน 16–32 สี ส่วนใหญ่จะได้แค่รูปทรงจิ๋วและขนาดไฟล์ที่เพิ่ม โลโก้จะดูสะอาดกว่าที่ 4–8 สี
ความเชื่อJPG ที่เบลอจะออกมาคมชัด
ข้อเท็จจริงตัวตามรอยทำให้ขอบหยักเรียบขึ้นได้ แต่สร้างรายละเอียดที่ JPG ไม่เคยมีไม่ได้
ลากเส้นโลโก้ JPG ให้ได้ผลลัพธ์ที่สะอาด
| ควรทำ | ไม่ควรทำ |
|---|---|
| ใช้ไฟล์ JPG ที่ใหญ่ที่สุดที่มี โดยเหมาะที่สุดคือกว้าง 1000 px ขึ้นไป | ตามรอยภาพขนาดย่อเล็ก ๆ หรือภาพแคปหน้าจอของภาพแคปหน้าจออีกที |
| ครอบตัดขอบและพื้นที่ว่างออกก่อนอัปโหลด | ดันจำนวนสีเป็น 64 สำหรับโลโก้สองสี |
| เลือกขาวดำสำหรับลายเซ็นและโน้ตลายมือ | คาดหวังให้ภาพบุคคลคงสีผิวไว้ |
| เปิด ลบพื้นหลัง สำหรับสติกเกอร์และไฟล์สำหรับตัด | บันทึก JPG ซ้ำหลายครั้งก่อนตามรอย |
เมื่อได้ SVG แล้ว ก็นำไปใช้ได้เกือบทุกที่ที่ใช้เวกเตอร์ นักออกแบบเว็บวางเป็นไอคอนอินไลน์ในหน้าเว็บ ช่างทำป้ายส่งเข้าเครื่องพล็อตเตอร์ และคนทำงานคราฟต์โหลดเข้า Cricut Design Space หากปลายทางต้องการภาพแรสเตอร์อีกครั้ง เช่น หน้าสินค้าบนมาร์เก็ตเพลสที่รับเฉพาะรูปภาพ ให้ส่งออกสำเนาที่คมชัดในขนาดใดก็ได้ด้วย แปลง SVG เป็น PNG
สำหรับเครื่องตัดเลเซอร์และซอฟต์แวร์ CAD ที่ใช้ DXF มากกว่า SVG ให้ตามรอย JPG เดียวกันด้วย แปลง JPG เป็น DXF ซึ่งเขียนเส้นขอบในฟอร์แมตที่ AutoCAD และซอฟต์แวร์เลเซอร์ส่วนใหญ่อ่านได้
คำถามเกี่ยวกับการแปลง JPG เป็น SVG
ไฟล์ SVG ที่ได้เป็นเวกเตอร์จริง หรือเป็นแค่ JPG ที่อยู่ในไฟล์ SVG
เป็นเวกเตอร์จริง ตัวแปลงบางตัวเพียงฝังไฟล์ JPG ไว้ในแท็กรูปภาพของ SVG ซึ่งยังแตกเป็นเม็ดพิกเซลเมื่อขยาย เครื่องมือนี้ตามรอยเส้นขอบแล้วเขียนเป็นพาธ SVG คุณจึงเปิดไฟล์ในโปรแกรมแก้ไขข้อความแล้วเห็นพิกัด แทนที่จะเป็นก้อนข้อมูลพิกเซลที่เข้ารหัสไว้
แปลงรูปถ่ายบุคคลหรือรูปวิวเป็น SVG ได้หรือไม่
ทำได้ แต่ผลลัพธ์จะดูเหมือนโปสเตอร์หรือภาพระบายสีตามหมายเลข ไม่ใช่ภาพถ่าย เพราะเวกเตอร์อธิบายพื้นที่สีเรียบ ขณะที่ภาพถ่ายมีเฉดสีละเอียดหลายล้านเฉด หากต้องการลุคแนวศิลป์ ลอง 24–32 สี ส่วนเครื่องตัดให้เลือกขาวดำ และดูรายละเอียดที่ แปลงรูปถ่ายเป็น SVG
ควรตั้งค่าอย่างไรเพื่อทำไฟล์ตัดสำหรับ Cricut หรือ Silhouette
ใช้ขาวดำหรือ 2–4 สี เปิด ลบพื้นหลัง เพื่อไม่ให้พื้นที่สีขาวถูกตัดเป็นรูปร่าง และพิจารณาใช้ เฉพาะเส้นขอบ เพื่อให้เครื่องตัดตามขอบภาพ ทั้ง Cricut Design Space และ Silhouette Studio นำเข้า SVG ได้โดยตรง
ทำไมขอบของโลโก้ที่ลากเส้นแล้วจึงเป็นคลื่นไม่เรียบ
การบีบอัด JPG ทำให้เกิดสัญญาณรบกวนจาง ๆ รอบขอบคม และตัวตามรอยก็ตามรอยนั้นไปด้วย ให้เพิ่ม การปรับให้เรียบ ลด รายละเอียด ลงเล็กน้อย หรือเลือก เส้นตรง ในส่วนเส้นโค้งสำหรับโลโก้เรขาคณิต การเริ่มจาก JPG ที่ใหญ่กว่าช่วยได้มากที่สุด
ไฟล์ SVG จะมีขนาดไฟล์เท่าไร
โลโก้แบบเรียบที่ตามรอยที่ 4–8 สี มักมีขนาดไม่กี่กิโลไบต์ถึงไม่กี่สิบกิโลไบต์ สีที่เพิ่มและพื้นผิวละเอียดทุกอย่างทำให้มีพาธมากขึ้น จึงเป็นเหตุผลที่ภาพถ่ายที่ตามรอยอาจใหญ่กว่า JPG ต้นฉบับ ปรับแต่ง SVG ให้เหมาะสม จะปัดเศษพิกัดและรวมพาธเพื่อให้ไฟล์เล็ก
เริ่มจากไฟล์ PNG ดีกว่า JPG หรือไม่
มักจะใช่ PNG ของโลโก้เดียวกันไม่มีสัญญาณรบกวนจากการบีบอัด และอาจมีพื้นหลังโปร่งใสอยู่แล้ว จึงตามรอยได้สะอาดกว่า หากมีทั้งสองไฟล์ ให้ใช้ แปลง PNG เป็น SVG หากมีเพียง JPG การตั้งค่าการปรับให้เรียบที่สูงขึ้นช่วยลดความต่างได้เกือบทั้งหมด