เครื่องมือแปลงภาพ PNG เป็นไฟล์เวกเตอร์ SVG
การแปลงภาพแรสเตอร์ PNG เป็นกราฟิกเวกเตอร์ SVG จะเปลี่ยนตารางพิกเซลให้เป็นเส้นทางทางคณิตศาสตร์ที่ปรับขนาดได้เพื่อการปรับขนาดที่ไม่มีที่สิ้นสุดโดยไม่สูญเสียคุณภาพ
การเปรียบเทียบรูปแบบและข้อกำหนดทางเทคนิค
| ข้อกำหนด | PNG | SVG |
|---|---|---|
| ประเภท MIME | image/png | image/svg+xml |
| ประเภท | raster | vector |
| การบีบอัด | lossless (DEFLATE / LZ77 + Huffman) | lossless XML text (GZIP compressible via .svgz) |
| ข้อกำหนดมาตรฐาน | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| ส่วนหัว Magic Bytes | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
ภาพรวมรูปแบบและการใช้งาน
การแปลงไฟล์ PNG เป็นรูปแบบ SVG เป็นงานทั่วไปสำหรับนักออกแบบกราฟิกและนักพัฒนาเว็บที่ต้องการให้โลโก้และไอคอนดูคมชัดในทุกขนาดหน้าจอ ภาพแรสเตอร์ PNG ใช้ตารางพิกเซลสีที่มีขนาดคงที่ เมื่อคุณยืดภาพ PNG ให้เกินกว่าขนาดเดิม พิกเซลจะเบลอและดูเป็นบล็อก การแปลงกราฟิกแรสเตอร์นี้ให้เป็นไฟล์ SVG จะแทนที่พิกเซลเหล่านั้นด้วยคำสั่งทางคณิตศาสตร์สำหรับเส้น เส้นโค้ง และรูปร่าง ซึ่งช่วยให้งานศิลปะสามารถปรับขนาดขึ้นเป็นขนาดป้ายโฆษณาหรือย่อลงเป็นไอคอนมือถือได้โดยไม่สูญเสียความคมชัด นักออกแบบเว็บมักทำการแปลงนี้เพื่อปรับปรุงประสิทธิภาพของเว็บไซต์และความคมชัดทางสายตา โลโก้และไอคอน UI ที่เก็บไว้เป็น SVG จะโหลดได้อย่างคมชัดบนจอแสดงผล Retina ความละเอียดสูง ในขณะที่ยังคงขนาดไฟล์ไว้ ให้อยู่ในระดับที่เล็กอย่างน่าทึ่ง ร้านพิมพ์ยังอาศัยรูปแบบเวกเตอร์เพื่อเตรียมงานศิลปะสำหรับเครื่องตัดไินิลและเครื่องแกะสลักเลเซอร์ ซึ่งต้องการเส้นต่อเนื่องมากกว่าเมทริกซ์พิกเซล
ข้อมูลทางเทคนิคและรายละเอียดตัวแปลงสัญญาณ (Codec)
ไฟล์ PNG คือภาพแรสเตอร์ที่มี MIME type image/png โดยเริ่มต้นด้วยส่วนหัวไบต์วิเศษ 89 50 4E 47 0D 0A 1A 0A ตามด้วยกลุ่มข้อมูลที่บีบอัดด้วยอัลกอริทึม DEFLATE ซึ่งผสมผสานพจนานุกรมเลื่อน LZ77 และการเข้ารหัส Huffman เพื่อการบีบอัดแบบไม่สูญเสียข้อมูล ในทางตรงกันข้าม ไฟล์ SVG คือกราฟิกเวกเตอร์ที่มี MIME type image/svg+xml โดยไม่ได้ใช้ไบต์วิเศษเนื่องจากเป็นไฟล์ข้อความธรรมดาที่เขียนด้วยมาร์กอัป XML โค้ด SVG กำหนดรูปทรงเรขาคณิตโดยใช้อองค์ประกอบต่างๆ เช่น เส้นทาง วงจร และสี่เหลี่ยม แม้ว่าการบีบอัด PNG จะลดขนาดไฟล์โดยการจัดเก็บค่าสีสำหรับทุกพิกเซล แต่การบีบอัด SVG จะลดขนาดไฟล์โดยการจัดเก็บสูตรทางคณิตศาสตร์ นอกจากนี้ SVG ยังสามารถบีบอัดเพิ่มเติมได้โดยใช้การบีบอัด GZIP และเปลี่ยนนามสกุลไฟล์เป็น .svgz เพื่อการถ่ายโอนบนเว็บที่มีประสิทธิภาพ
ความเข้ากันได้ของระบบปฏิบัติการและเบราว์เซอร์
ไฟล์ SVG ได้รับการสนับสนุนอย่างกว้างขวางในเว็บเบราว์เซอร์สมัยใหม่ รวมถึง Chrome, Firefox, Safari และ Edge ทั้งบนเดสก์ท็อปและระบบปฏิบัติการมือถือเช่น Windows, macOS, Android และ iOS โปรแกรมดูภาพและชุดเครื่องมือออกแบบ เช่น Adobe Illustrator, Inkscape และ CorelDRAW สามารถจัดการการแก้ไข SVG ได้โดยตรง ไฟล์ PNG ก็รองรับเบราว์เซอร์และระบบปฏิบัติการสากลเหล่านี้เช่นกัน แต่การดูซอร์សโค้ด SVG ดิบจำเป็นต้องใช้โปรแกรมแก้ไขข้อความมาตรฐานใดก็ได้
💡 ข้อมูลที่เป็นประโยชน์
การแปลงภาพถ่าย PNG ที่ซับซ้อนเป็น SVG มักส่งผลให้ขนาดไฟล์ใหญ่โต เนื่องจากอัลกอริทึมการแปลงสร้างเส้นทางเวกเตอร์ขนาดเล็กหลายพันเส้น ควรบันทึกการแปลง SVG สำหรับโลโก้ ไอคอน และกราฟิกแบบแบนราบ และเก็บภาพถ่ายไว้ในรูปแบบแรสเตอร์
การเปรียบเทียบรูปแบบและข้อกำหนดทางเทคนิค
โลโก้ PNG ความละเอียดสูงที่ซับซ้อนสามารถมีขนาดถึง 2 เมกะไบต์ได้อย่างง่ายดาย ซึ่งใช้เวลาดาวน์โหลดประมาณ 3.2 วินาทีผ่านการเชื่อมต่อมือถือ 4G 標準 ไฟล์ SVG ที่แปลงแล้วซึ่งเทียบเท่ากันมักจะลดเหลือเพียง 40 กิโลไบต์ โดยดาวน์โหลดเสร็จในเวลาไม่ถึง 0.1 วินาทีบนเครือข่าย 4G และทันทีทันใดบนเครือข่าย 5G และไฟเบอร์
คำถามที่พบบ่อย
คุณจะแปลงภาพ PNG เป็นไฟล์เวกเตอร์ SVG โดยไม่สูญเสียคุณภาพได้อย่างไร
การแปลง PNG เป็น SVG ไม่ได้ใช้การบีบอัดแบบสูญเสียข้อมูลหรือแบบไม่สูญเสียข้อมูลแบบดั้งเดิมในลักษณะที่รูปแบบแรสเตอร์ทำ แต่ตัวแปลงจะติดตามขอบเขตพิกเซลของ PNG และวาดใหม่เป็นเวกเตอร์ทางคณิตศาสตร์ เนื่อง จากเวกเตอร์ใช้เส้นทางที่ปรับขนาดได้ คุณจึงได้คุณภาพความละเอียดที่ไม่จำกัด อย่างไรก็ตาม เครื่องมือแปลงอัตโนมัติอย่างง่ายอาจพลาดมุมที่คมชัดหรือทำให้รายละเอียดปลีกย่อยเรียบเนียนขึ้น ดังนั้นจึงบางครั้งจำเป็นต้องทำความสะอาดด้วยตนเองในซอฟต์แวร์แก้ไขเวกเตอร์เพื่อให้ได้ผลลัพธ์ที่สมบูรณ์แบบ
ความแตกต่างระหว่างภาพ PNG และไฟล์เวกเตอร์ SVG คืออะไร
PNG คือรูปแบบภาพแรสเตอร์ที่จัดเก็บข้อมูลภาพเป็นตารางพิกเซลสีคงที่ที่บีบอัดด้วย DEFLATE ทำให้ขนาดไฟล์ขึ้นอยู่กับขนาดพิกเซล SVG คือรูปแบบภาพเวกเตอร์ที่จัดเก็บข้อมูลภาพเป็นคำสั่งทางคณิตศาสตร์ที่ปรับขนาดได้ซึ่งเขียนด้วยข้อความ XML ช่วยให้ภาพสามารถปรับขนาดได้อย่างไม่มีที่สิ้นสุดโดยไม่เกิดพิกเซลแตก