เครื่องมือแปลงไฟล์ภาพ PNG เป็น WebP
การแปลงภาพ Portable Network Graphics (PNG) เป็น WebP ช่วยลดขนาดไฟล์ลงสูงสุด 50 เปอร์เซ็นต์ พร้อมรักษาความคมชัดของภาพและความโปร่งใสในระดับสูง
การเปรียบเทียบรูปแบบและข้อกำหนดทางเทคนิค
| ข้อกำหนด | PNG | WEBP |
|---|---|---|
| ประเภท MIME | image/png | image/webp |
| ประเภท | raster | raster |
| การบีบอัด | lossless (DEFLATE / LZ77 + Huffman) | lossy (VP8) & lossless (VP8L) |
| ข้อกำหนดมาตรฐาน | W3C PNG 3rd Edition | IETF RFC 6386 / Google WebP Spec |
| ส่วนหัว Magic Bytes | 89 50 4E 47 0D 0A 1A 0A | 52 49 46 46 (RIFF) ... 57 45 42 50 (WEBP) |
ภาพรวมรูปแบบและการใช้งาน
นักพัฒนาเว็บและนักออกแบบกราฟิกมักแปลงกราฟิก PNG เป็นรูปแบบ WebP เพื่อเร่งความเร็วในการโหลดเว็บไซต์และลดการใช้แบนด์วิดท์ เนื่องจาก PNG ใช้การบีบอัดแบบไม่สูญเสียข้อมูลที่เข้มงวด ภาพที่มีพื้นที่สีทึบขนาดใหญ่หรือข้อความคมชัดอาจทำให้ขนาดไฟล์ใหญ่โตอย่างน่าประหลาดใจ เว็บเบราว์เซอร์และแอปพลิเคชันสมัยใหม่รองรับ WebP ทำให้เป็นตัวเลือกมาตรฐานสำหรับการเผยแพร่ออนไลน์ การย้ายเนื้อหาเหล่านี้ไปยัง WebP ช่วยให้ผู้เผยแพร่สามารถรักษาขอบกราฟิกที่คมชัดและความโปร่งใสของช่องอัลฟาได้โดยไม่ต้องใช้พื้นที่จัดเก็บมาก ระบบจัดการเนื้อหาและเครือข่ายจัดส่งภาพปัจจุบันตั้งค่าเริ่มต้นให้เป็นเนื้อหา WebP เพื่อปรับปรุงคะแนนประสบการณ์ผู้ใช้โดยรวมและลดต้นทุนการจัดเก็บเซิร์ฟเวอร์
ข้อมูลทางเทคนิคและรายละเอียดตัวแปลงสัญญาณ (Codec)
PNG เป็นรูปแบบภาพแรสเตอร์ที่ควบคุมโดยข้อกำหนด PNG (ISO/IEC 15948) โดยใช้อัลกอริทึม DEFLATE ซึ่งผสมผสานพจนานุกรมเลื่อน LZ77 และการเข้ารหัสฮัฟแมนสำหรับการบีบอัดแบบไม่สูญเสียข้อมูล ไฟล์เริ่มต้นด้วยลายเซ็นเวทมนตร์ 8 ไบต์: hex 89 50 4E 47 0D 0A 1A 0A ตามด้วยชนักที่มีโครงสร้าง เช่น IHDR, IDAT และ IEND ในทางตรงกันข้าม WebP เป็นรูปแบบแรสเตอร์สมัยใหม่ที่พัฒนาโดย Google โดยอิงตามรูปแบบคอนเทนเนอร์ RIFF ไฟล์ WebP เริ่มต้นด้วยไบต์วิเศษ ASCII 'RIFF' ตามด้วยความยาวไฟล์ 4 ไบต์ และรหัสสี่ตัวอักษร 'WEBP' WebP รองรับโหมดการบีบอัดที่แตกต่างกันสองโหมด ได้แก่ โหมดสูญเสียข้อมูลที่ใช้เทคนิคการเข้ารหัสเชิงทำนายของตัวแปลงสัญญาณวิดีโอ VP8 และโหมดไม่สูญเสียข้อมูลที่ใช้ไปป์ไลน์การแปลงเชิงพื้นที่แบบกำหนดเอง แคชสี และการเข้ารหัสเอนโทรปี
ความเข้ากันได้ของระบบปฏิบัติการและเบราว์เซอร์
WebP ได้รับการสนับสนุนอย่างเป็นทางการในเว็บเบราว์เซอร์สมัยใหม่ทั้งหมด รวมถึง Google Chrome, Mozilla Firefox, Apple Safari และ Microsoft Edge ระบบปฏิบัติการเดสก์ท็อป เช่น Windows 10 และ 11, macOS และลินุกซ์รุ่นหลักๆ สามารถเรนเดอร์ WebP ได้ในตัวผ่านโปรแกรมดูภาพเริ่มต้น แพลตฟอร์มมือถือรวมถึง Android และ iOS รองรับการถอดรหัสและการเข้ารหัส WebP อย่างเต็มรูปแบบในแอปดั้งเดิม ระบบรุ่นเก่า เช่น Internet Explorer หรือระบบปฏิบัติการที่เก่ามาก อาจต้องใช้ชุดเสริม (polyfills) หรือรูปแบบสำรอง เช่น PNG
💡 ข้อมูลที่เป็นประโยชน์
เมื่อแปลงโลโก้ที่คมชัดหรือกราฟิก UI ที่มีความโปร่งใส ให้ใช้โหมดไม่สูญเสียข้อมูลของ WebP เพื่อรักษาความสมบูรณ์ของพิกเซล สำหรับเนื้อหาภาพถ่าย ให้ใช้ WebP แบบสูญเสียข้อมูลโดยตั้งค่าคุณภาพที่ 80 เพื่อให้ได้การลดขนาดสูงสุดโดยมีการเสื่อมของคุณภาพภาพน้อยที่สุด
การเปรียบเทียบรูปแบบและข้อกำหนดทางเทคนิค
ภาพหน้าจอ PNG โปร่งใสขนาด 1.2 MB มาตรฐานจะลดขนาดลงเหลือประมาณ 350 KB เมื่อแปลงเป็น WebP บนการเชื่อมต่อมือถือ 4G ที่ช้าซึ่งดาวน์โหลดที่ 5 Mbps ไฟล์ PNG จะใช้เวลาโหลดประมาณ 1.9 วินาที ในขณะที่เวอร์ชัน WebP จะดาวน์โหลดในเวลาเพียง 0.5 วินาที ซึ่งช่วยเร่งการแสดงผลหน้าเว็บให้เร็วขึ้นอย่างเห็นได้ชัด
คำถามที่พบบ่อย
วิธีแปลงภาพ PNG เป็น WebP โดยไม่สูญเสียคุณภาพทำอย่างไร
คุณสามารถรักษาความถูกต้องของพิกเซลที่แน่นอนได้โดยเลือกโหมดการบีบอัดแบบไม่สูญเสียข้อมูลระหว่างการแปลง WebP แบบไม่สูญเสียข้อมูลใช้การแปลงเชิงพื้นที่เชิงทำนายขั้นสูงและการแคชสีเพื่อย่อข้อมูลโดยไม่ทิ้งค่าพิกเซลเดิมใดๆ
ความแตกต่างระหว่างภาพ PNG และภาพ WebP คืออะไร
PNG ใช้โครงสร้างชนัก zlib/DEFLATE ที่ออกแบบมาเป็นหลักสำหรับกราฟิกแรสเตอร์แบบไม่สูญเสียข้อมูล WebP สร้างขึ้นบนสถาปัตยกรรมคอนเทนเนอร์ RIFF ที่ผสานรวมทั้งการเข้ารหัสเชิงทำนายแบบสูญเสียข้อมูลที่ได้จากการบีบอัดวิดีโอและโหมดไม่สูญเสียข้อมูลขั้นสูง ส่งผลให้ได้ไฟล์ที่มีขนาดเล็กกว่า PNG อย่างมาก