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