แปลง JPG เป็น SVG โดยรักษาคุณภาพขอบภาพ

คุณเปลี่ยน JPG เป็น SVG ได้ด้วยการลากเส้นภาพราสเตอร์ให้เป็นรูปทรงเวกเตอร์ แต่การเข้ารหัส JPEG ที่ใช้ทั่วไปเป็นแบบสูญเสียข้อมูล การบีบอัดอาจทิ้งขอบบล็อก คลื่นรอบขอบคม และตำหนิอื่นที่เครื่องมือลากเส้นอาจเข้าใจว่าเป็นรายละเอียดภาพ (ภาพรวม JPEG; ข้อกำหนด ITU-T T.81) คำถามที่ควรถามจึงไม่ใช่แค่ "แปลง JPG อย่างไร" แต่คือ "จะได้ SVG ที่สะอาดจาก JPG อย่างไร"

ต่อไปนี้คือวิธีทำ เหตุที่ JPG ต้องระวังกว่า PNG และกรณีที่ไม่ควรแปลงเลย

คำอธิบายโดยย่อ

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

ทำไม JPG จึงจัดการยากกว่า PNG

PNG เก็บตัวอย่างภาพแบบไม่สูญเสียข้อมูลได้ การบันทึกซ้ำจึงไม่เพิ่มตำหนิการบีบอัดแบบ JPEG ส่วน JPG ใช้ทั่วไปกับภาพโทนต่อเนื่อง และอาจทิ้งข้อมูลภาพเพื่อลดขนาดไฟล์ ขึ้นกับค่าคุณภาพและต้นฉบับ การบีบอัดนั้นอาจปรากฏเป็นบล็อกและคลื่นจาง ๆ รอบขอบ พร้อมสีเกือบซ้ำที่ไม่ได้อยู่ในแบบสีเรียบเดิม ดูข้อกำหนด W3C PNG 3

เมื่อแปลง JPG เป็นเวกเตอร์ เครื่องมือลากเส้นอาจเข้าใจตำหนิเหล่านี้เป็นรายละเอียดจริง แล้วสร้างขอบฟุ้ง จุดเกิน หรือสีเพิ่ม ทั้งต้นฉบับและวิธีลากเส้นมีผลต่อผลลัพธ์ (หากคุณเริ่มจาก PNG ดูวิธีแปลง PNG เป็น SVG โดยไม่เสียคุณภาพ หลักการเหมือนกัน แต่ไม่มีปัญหาบีบอัด JPEG) ส่วน WebP ซึ่งเป็นรูปแบบที่สามที่พบในเว็บยุคใหม่ ก็มีลักษณะเฉพาะในการแปลงของตัวเอง

อะไรแปลงได้ดี และอะไรแปลงได้ไม่ดี

JPG บางภาพแปลงเป็นเวกเตอร์ได้ดี ขณะที่บางภาพไม่เหมาะ:

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

วิธีแปลง JPG เป็น SVG ทีละขั้นตอน

1. เริ่มจากต้นฉบับดีที่สุดที่มี JPG คุณภาพและความละเอียดสูงลากเส้นได้ดีกว่าไฟล์ที่ผ่านการบันทึก แชร์ และบีบอัดซ้ำเป็นสิบครั้งมาก หากมี PNG หรือเวกเตอร์ต้นฉบับ ให้ใช้ไฟล์นั้นแทน
2. เก็บภาพก่อนหากต้นฉบับไม่เรียบร้อย ครอปให้เหลือส่วนงาน และหากนอยส์การบีบอัดหนัก ให้เพิ่มคอนทราสต์เล็กน้อยเพื่อให้รูปทรงแยกจากพื้นหลังชัด
3. แปลงเป็นเวกเตอร์ วาง JPG ลงในเครื่องมือแปลง JPG เป็น SVG แล้วให้สร้างภาพใหม่เป็นพาธเวกเตอร์ เน้นพาธสะอาด โหนดน้อย แทนผลลากเส้นหนาแน่นที่ตามทุกตำหนิ
4. ลดจำนวนสี การบีบอัด JPG อาจเพิ่มสีเกือบซ้ำ รวมให้เหลือไม่กี่สีที่งานใช้จริง พาเลตง่ายกว่าตรวจและแก้ไขสะดวกกว่า
5. ดาวน์โหลดและตรวจ ตามรายการด้านล่าง

ตัวอย่างการทำงานด้วย PerfectVector

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

ตรวจผลอย่างรวดเร็ว การแปลง JPG เป็น SVG ที่ดีมี:

• พาธที่แก้ไขได้ ไม่ใช่ JPG ฝังในเปลือก .svg องค์ประกอบ <image> ของ SVG ฝังราสเตอร์ได้ตามมาตรฐานโดยไม่ได้เปลี่ยนเป็นพาธ ดูข้อกำหนดเนื้อหาฝังของ W3C
• ขอบคม โดยไม่มีขอบเรืองหรือจุดจากการบีบอัดเหลืออยู่
• จำนวนโหนดน้อย: เส้นโค้งสะอาด ไม่ใช่จุดหลายพัน (อ่านเพิ่มเรื่องเหตุใดจำนวนโหนดจึงสำคัญ)
• พาเลตเป็นระเบียบ: มีเฉพาะสีที่ตั้งใจ ไม่มีสีส่วนเกินจากการบีบอัด

เมื่อใดควรข้ามเครื่องมือแปลง

การแปลงเป็นเวกเตอร์ไม่เหมาะกับ JPG ทุกภาพ:

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

หลักทั่วไปเหมือนการแปลงเวกเตอร์ทุกแบบ เหมาะกับงานภาพประกอบสีเรียบ ไม่ใช่ภาพถ่าย (หากเพิ่งรู้จักเรื่องนี้ เริ่มที่การแปลงภาพเป็นเวกเตอร์คืออะไร)

คำถามที่พบบ่อย

ฉันแปลง JPG เป็น SVG ฟรีได้หรือไม่? ได้ อัปโหลด JPG เข้าเครื่องมือแปลง ลดจำนวนสี แล้วดาวน์โหลด SVG คุณแปลงภาพแรก ๆ ฟรีได้โดยไม่ต้องใช้บัตรเครดิต เพียงยืนยันว่าผลเป็นเวกเตอร์ที่ลากเส้นจริง มีพาธแก้ไขได้ ไม่ใช่ JPG ฝังอยู่ใน .svg

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

JPG หรือ PNG เหมาะกับการแปลงเป็น SVG มากกว่ากัน? PNG แบบไม่สูญเสียให้จุดเริ่มที่สะอาดกว่า เพราะไม่มีตำหนิการบีบอัด แต่ JPG คุณภาพสูงที่เป็นงานสีเรียบ คอนทราสต์สูงก็แปลงได้ดี คุณภาพของต้นฉบับสำคัญกว่ารูปแบบ

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

แปลง JPG เป็น SVG แบบมีสีอย่างไร? ใช้เครื่องมือที่ลากเส้นแบบสี แล้วรวมสีเกือบซ้ำที่การบีบอัดเพิ่มมา ให้เหลือไม่กี่สีที่แบบต้องการ สีที่น้อยและสะอาดกว่าช่วยให้ SVG แก้ไขง่ายและมีขนาดเล็กลง

แหล่งข้อมูล

1. JPEG — ภาพรวมมาตรฐาน JPEG 1 — ภาพรวมอย่างเป็นทางการของมาตรฐานเข้ารหัสภาพนิ่ง JPEG และโหมดสูญเสียที่ใช้ทั่วไป
2. ITU-T — ข้อแนะนำ T.81 — ข้อกำหนดเชิงบรรทัดฐานของ JPEG สำหรับการบีบอัดและการถอดรหัส
3. W3C — ข้อกำหนด Portable Network Graphics (PNG) ฉบับที่สาม — มาตรฐานปัจจุบันสำหรับการแทนภาพ PNG แบบไม่สูญเสียและการรองรับอัลฟา
4. W3C — เนื้อหาที่ฝังใน SVG — มาตรฐานแสดงวิธีฝังราสเตอร์ใน SVG โดยไม่เปลี่ยนเป็นพาธเวกเตอร์

---

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