แปลง JPEG เป็น SVG

Q: จะรักษาเส้นบาง ๆ ของลายเซ็นที่สแกนไว้ได้อย่างไร

ใช้ **ขาวดำ** แล้วปรับ **ค่าขีดแบ่ง** พิกเซลที่เข้มกว่าค่าขีดแบ่งจะกลายเป็นสีดำ การเพิ่มจาก 128 ไปทาง 170 จะเก็บเส้นปากกาที่จางไว้ได้ ส่วนการลดค่าจะช่วยตัดเม็ดกระดาษสีเทาออก

Q: การแปลง JPEG เป็นเวกเตอร์จะลบพื้นกระดาษสีขาวด้านหลังชิ้นงานออกหรือไม่

เฉพาะเมื่อคุณสั่งเท่านั้น เปิด **ลบพื้นหลัง** แล้วรูปทรงที่ใหญ่ที่สุดซึ่งแตะขอบภาพ ซึ่งปกติคือกระดาษ จะถูกตัดออก เหลือแต่ภาพวาดบนผืนผ้าใบโปร่งใส

เปลี่ยนตราประทับที่สแกนไว้ หน้าเอกสารที่มีลายเซ็น หรือโลโก้ที่บันทึกเป็น .jpeg ให้เป็น SVG ที่ประกอบด้วยเส้นขอบแก้ไขได้ การแปลงเป็นเวกเตอร์จะวาดพื้นที่สีแต่ละส่วนขึ้นใหม่เป็นรูปทรง ผลลัพธ์จึงคมชัดเสมอ ไม่ว่าจะใช้บนป้ายบิลบอร์ด นามบัตร หรือเครื่องตัดสติกเกอร์

หรือลากไฟล์ JPG, JPEG, JFIF … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์

แปลงเป็น

โหมดสี

จำนวนสี

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

การลากเส้น

รายละเอียด

ค่าสูงจะเก็บจุดเล็ก ๆ และพื้นผิวละเอียดไว้ ค่าต่ำจะตัดรูปทรงที่เล็กกว่าไม่กี่พิกเซลออกและลดสัญญาณรบกวน

การปรับให้เรียบ

ค่าสูงจะลบขอบหยักจากภาพความละเอียดต่ำหรือ JPG ให้มน ค่าต่ำจะคงมุมแหลมไว้

เส้นโค้ง

เส้นโค้งเรียบสำหรับภาพส่วนใหญ่ เส้นตรงสำหรับโลโก้ทรงเรขาคณิต และขอบพิกเซลเพื่อคงลักษณะเป็นบล็อกของภาพพิกเซลอาร์ต

ลบพื้นหลัง

ตัดรูปทรงที่ใหญ่ที่สุดซึ่งแตะขอบภาพออก (โดยปกติคือพื้นหลังสีขาว) เพื่อให้เวกเตอร์โปร่งใส

ตัวเลือกไฟล์

ปรับแต่ง SVG ให้เหมาะสม

ปัดเศษพิกัดและรวมเส้นทาง ไฟล์มักเล็กลงครึ่งหนึ่งโดยมองไม่เห็นความแตกต่าง

เฉพาะเส้นขอบ

ส่งออกเส้นขอบเป็นเส้นที่ไม่มีการเติมสี ซึ่งเครื่องพล็อตเตอร์ เครื่องตัดเลเซอร์ และเครื่องตัดสติกเกอร์ไวนิลจะใช้เป็นเส้นทางตัด

หน้า PDF

สำหรับไฟล์ PDF เท่านั้น ระบุหน้าที่จะแปลง เช่น 1 หรือ 1-3, 5 แต่ละหน้าจะเป็นไฟล์แยกกัน

วิธีใช้เครื่องมือนี้

1
เพิ่มไฟล์ JPEG
วางไฟล์ .jpeg หรือ .jpg อย่างน้อยหนึ่งไฟล์ ได้สูงสุด 20 ไฟล์ต่อชุด ไฟล์ละไม่เกิน 95 MB ควรครอปภาพสแกนให้เหลือเฉพาะตัวงานก่อน เพื่อไม่ให้ขอบกระดาษกลายเป็นรูปทรง
2
ปรับการตั้งค่าให้เหมาะกับไฟล์ต้นฉบับ
หน้านี้ตั้งค่าเริ่มต้นไว้ที่ 6 สี และ การปรับให้เรียบ ที่ 70 สำหรับภาพสแกน หากเป็นลายเซ็นหมึกหรือตราประทับ ให้เลือก ขาวดำ ใน โหมดสี ส่วนต้นฉบับแบบอื่นดูได้จากตารางด้านล่าง
3
แปลงเป็นเวกเตอร์แล้วตรวจสอบผล
กด ทำเวกเตอร์เป็น SVG เปิดผลลัพธ์ในเบราว์เซอร์แล้วซูมที่ 400% หากมุมดูละลาย ให้ลด การปรับให้เรียบ หากยังมีจุดเล็ก ๆ หลงเหลือ ให้ลด รายละเอียด ใน การตั้งค่าขั้นสูง

JPEG คือภาพถ่ายของงานของคุณ ส่วน SVG คือคำอธิบายของงานนั้น ตัวแปลงจะดูพิกเซล ตัดสินว่าสีแต่ละผืนเริ่มและสิ้นสุดตรงไหน แล้วเขียนขอบเหล่านั้นเป็นเส้นโค้ง

แปลง JPEG เป็น SVG: วาดเส้นใหม่ ไม่ใช่แค่ห่อไฟล์

การสร้างไฟล์ .svg จาก JPEG ทำได้สองวิธี และมีเพียงวิธีเดียวที่มีประโยชน์ วิธีลัดคือยัดพิกเซลต้นฉบับลงในองค์ประกอบภาพของ SVG ซึ่งยังเป็นบิตแมปและจะเบลอเมื่อขยาย การแปลงจริงคือการแปลงเป็นเส้น (tracing) โดยจัดกลุ่มพิกเซลเป็นสีจำนวนน้อย แล้วปรับเส้นโค้งเบซิเยร์ไปตามขอบระหว่างสีเหล่านั้น

การแปลงเป็นเส้นได้ผล เพราะโลโก ตราประทับ ตราผนึก ลายเซ็น และภาพเส้น ล้วนสร้างจากสีเรียบจำนวนไม่กี่สีมาตั้งแต่แรก ตัวแปลงจึงกู้เจตนานั้นกลับมา สี่ถึงหกสีครอบคลุมโลโกสองสีส่วนใหญ่ที่ถ่ายบนกระดาษ เพราะเงาและสีของกระดาษต่างก็กินไปหนึ่งสี Trace Bitmap ของ Inkscape ซึ่งสร้างบนไลบรารีโอเพนซอร์ส Potrace ของ Peter Selinger ใช้แนวคิดเดียวกันบนเดสก์ท็อป

อินพุต JPEG ต้องล้างสัญญาณรบกวนมากกว่าปกติ ฟอร์แมตนี้ออกแบบมาสำหรับภาพถ่าย และตัดรายละเอียดละเอียดออกเงียบ ๆ เป็นบล็อกขนาด 8 × 8 พิกเซล ทำให้เกิดริ้วคลื่นข้างขอบคม หน้านี้จึงเพิ่ม การปรับให้เรียบ เป็น 70 และลด รายละเอียด เหลือ 50 เพื่อเฉลี่ยริ้วคลื่นออกก่อนปรับเส้นโค้ง หากคุณมี PNG ของงานเดียวกันด้วย PNG to SVG จะเริ่มจากขอบที่สะอาดกว่า

จาก Live Trace สู่ Image Trace: ที่มาของเครื่องมือแปลงเป็นเวกเตอร์

1992
มาตรฐาน JPEG
ITU-T T.81 กำหนดการบีบอัดที่กล้องและสแกนเนอร์เกือบทุกรุ่นใช้มาตั้งแต่นั้น
2001
SVG 1.0
W3C เผยแพร่ SVG เป็น Recommendation ทำให้เวกเตอร์มีฟอร์แมตไฟล์เปิดร่วมกัน
2005
Live Trace
Illustrator CS2 เพิ่มการแปลงเป็นเส้นอัตโนมัติสำหรับนักออกแบบที่เคยวาดภาพสแกนใหม่ด้วยมือ
2012
Image Trace
Illustrator CS6 แทนที่ Live Trace ด้วย Image Trace พร้อมพรีเซ็ตสีและพาธ

JPG

ภาพ JPEG

JPEG (หรือ JPG) คือรูปแบบภาพถ่ายที่ใช้กันแพร่หลายที่สุด กำหนดเป็นมาตรฐานโดย Joint Photographic Experts Group ในปี 1992 ใช้การบีบอัดแบบสูญเสียข้อมูล (lossy) ที่ตัดรายละเอียดเล็ก ๆ ซึ่งสายตาไม่น่าจะสังเกตเห็นออกไป ภาพถ่ายจึงมีขนาดเล็กพอสำหรับเว็บ อีเมล และพื้นที่เก็บข้อมูลในโทรศัพท์ จัดการการไล่ระดับสีที่นุ่มนวลและภาพธรรมชาติได้ดี แต่ข้อความคมชัด ลายเส้น และสีพื้นเรียบจะเกิดสิ่งแปลกปลอมเป็นบล็อกหรือพร่ามัวที่มองเห็นได้ JPEG ไม่มีพื้นหลังโปร่งใสและไม่มีภาพเคลื่อนไหว และสูญเสียคุณภาพเพิ่มขึ้นเล็กน้อยทุกครั้งที่บันทึกซ้ำ เบราว์เซอร์ โทรศัพท์ กล้อง และโปรแกรมแก้ไขภาพทุกตัวเปิดได้

การบีบอัด: แบบสูญเสียข้อมูล
พื้นหลังโปร่งใส: ไม่ได้
ภาพเคลื่อนไหว: ไม่ได้
เปิดตัว: 1992 · Joint Photographic Experts Group

ตัวแปลงไฟล์ JPG

SVG

Scalable Vector Graphics

SVG เป็นรูปแบบเวกเตอร์ที่อิงกับ XML ซึ่ง W3C กำหนดเป็นมาตรฐานในปี 2001 แทนที่จะใช้พิกเซล จะอธิบายรูปทรง เส้นพาธ และข้อความ จึงคมชัดในทุกขนาด และมักมีขนาดเล็กมากสำหรับโลโก้และไอคอน รองรับพื้นหลังโปร่งใส การจัดสไตล์ด้วย CSS สคริปต์ และภาพเคลื่อนไหว และเบราว์เซอร์ทุกตัวแสดงผลได้โดยตรง SVG ไม่เหมาะกับภาพถ่าย และภาพประกอบที่ซับซ้อนอาจแสดงผลช้า Illustrator, Inkscape, Figma และเบราว์เซอร์เปิดและแก้ไขไฟล์นี้ได้

การบีบอัด: –
พื้นหลังโปร่งใส: ได้
ภาพเคลื่อนไหว: ได้
เปิดตัว: 2001 · W3C

ตัวแปลงไฟล์ SVG

ไฟล์ JPEG มักมาจากสแกนเนอร์ กล้อง หรืออีเมลโดยตรง จึงมีคนแปลงเป็นเวกเตอร์เมื่อต้องการให้ตราประทับ ลายเซ็น หรือโลโกที่พิมพ์ไว้ขยายได้คมชัดสำหรับงานพิมพ์ เว็บ หรือเครื่องตัด ส่วน SVG เป็น JPEG เป็นทิศทางตรงข้าม คือแปลงเวกเตอร์เป็นภาพแบนสำหรับที่ที่รับเฉพาะรูปถ่าย

การตั้งค่าสำหรับไฟล์ JPEG ต้นฉบับที่พบบ่อย

สิ่งที่ JPEG แสดง	โหมดสี	จำนวนสีหรือค่าขีดแบ่ง	การปรับให้เรียบ	เส้นโค้ง
ลายเซ็นหมึกหรือตรายางที่สแกนมา	ขาวดำ	ค่าขีดแบ่ง 128–170	60–70	เส้นโค้งเรียบ
ภาพถ่ายโลโกที่พิมพ์ไว้ด้วยโทรศัพท์	สี	4–6	70	เส้นโค้งเรียบ
โลโกเรขาคณิตที่ส่งออกเป็น JPEG	สี	2–8	40–50	เส้นตรง
ภาพประกอบวาดด้วยมือที่ลงสี	สี	16–24	60	เส้นโค้งเรียบ
ภาพร่างดินสอโทนสีเทา	โทนสีเทา	6–10	50	เส้นโค้งเรียบ

เมื่อใดที่ควรเก็บ JPEG ไว้เป็น JPEG

ภาพถ่ายไม่ได้กลายเป็นภาพถ่ายแบบเวกเตอร์

ภาพบุคคล ภาพสินค้า หรือภาพทิวทัศน์มีโทนสีไล่ระดับนับพัน เมื่อแปลงเป็นเส้นที่ 64 สี จะกลายเป็นแถบสีเรียบคล้ายโปสเตอร์ และ SVG อาจใหญ่กว่า JPEG หลายเท่า ควรแปลงรูปถ่ายเฉพาะเมื่อต้องการลุคแบบสไตล์ไลซ์โดยตั้งใจ หรือเส้นตัดสีเดียว ตามที่อธิบายไว้ใน photo to SVG ส่วนภาพที่ต้องดูสมจริงให้เก็บ JPEG ไว้

คำถามเกี่ยวกับการแปลง JPEG เป็น SVG

การแปลง JPEG เป็น SVG ต่างจากการแปลง JPG เป็น SVG หรือไม่

ไม่ใช่ JPEG กับ JPG เป็นฟอร์แมตเดียวกัน ต่างกันแค่นามสกุลที่ยาวหรือสั้น ซึ่งเป็นร่องรอยจากสมัยที่นามสกุลไฟล์มีสามตัวอักษร กล้องและสแกนเนอร์มักใช้ .jpeg ส่วนเครื่องมือบนเว็บมักใช้ .jpg และตัวแปลงเวกเตอร์ถือว่าเหมือนกันทุกประการ

ทำไมจึงมีขอบสีบาง ๆ รอบเส้นขอบในไฟล์ JPEG ที่แปลงเป็นเวกเตอร์แล้ว

ไฟล์ JPEG ส่วนใหญ่เก็บสีด้วยความละเอียดครึ่งหนึ่งของความสว่าง เทคนิคนี้เรียกว่า chroma subsampling บริเวณขอบคมระหว่างสีแดงกับพื้นขาว สีจะเลอะออกไปหนึ่งถึงสองพิกเซล และตัวแปลงจะเปลี่ยนส่วนที่เลอะนั้นเป็นเส้นสีชมพูบาง ๆ การลดจำนวนสีและเพิ่มค่า การปรับให้เรียบ จะช่วยกลืนส่วนนี้ได้

ควรเลือกผลลัพธ์แบบใดหากจะนำไปใช้ต่อใน Illustrator, Cricut หรือเครื่องตัดเลเซอร์

SVG เปิดได้ในทั้งสามโปรแกรมและในเบราว์เซอร์ทุกตัว หากโรงพิมพ์ขอไฟล์ AI หรือ EPS ให้เลือกฟอร์แมตนั้นใน แปลงเป็น และเลือก DXF สำหรับงาน CAD และซอฟต์แวร์เลเซอร์ส่วนใหญ่

แก้ไขไฟล์ SVG ที่แปลงแล้วใน Inkscape หรือ Illustrator ภายหลังได้หรือไม่

ได้ แต่ละพื้นที่สีเป็นเส้นพาธแยกกัน มีสีเติมของตัวเอง จึงเปลี่ยนสี ลบ หรือปรับรูปทรงด้วยเครื่องมือโหนดได้ การเปิด ปรับแต่ง SVG ให้เหมาะสม จะรวมพาธเล็ก ๆ เข้าด้วยกัน ทำให้รายการเลเยอร์จัดการง่ายขึ้น

จะรักษาเส้นบาง ๆ ของลายเซ็นที่สแกนไว้ได้อย่างไร

ใช้ ขาวดำ แล้วปรับ ค่าขีดแบ่ง พิกเซลที่เข้มกว่าค่าขีดแบ่งจะกลายเป็นสีดำ การเพิ่มจาก 128 ไปทาง 170 จะเก็บเส้นปากกาที่จางไว้ได้ ส่วนการลดค่าจะช่วยตัดเม็ดกระดาษสีเทาออก

การแปลง JPEG เป็นเวกเตอร์จะลบพื้นกระดาษสีขาวด้านหลังชิ้นงานออกหรือไม่

เฉพาะเมื่อคุณสั่งเท่านั้น เปิด ลบพื้นหลัง แล้วรูปทรงที่ใหญ่ที่สุดซึ่งแตะขอบภาพ ซึ่งปกติคือกระดาษ จะถูกตัดออก เหลือแต่ภาพวาดบนผืนผ้าใบโปร่งใส

แปลง JPEG เป็น SVG

แปลงรูปภาพเป็น SVG

วิธีใช้เครื่องมือนี้

เพิ่มไฟล์ JPEG

ปรับการตั้งค่าให้เหมาะกับไฟล์ต้นฉบับ

แปลงเป็นเวกเตอร์แล้วตรวจสอบผล