ความแตกต่างที่วัดได้
Google ซึ่งเป็นผู้พัฒนารูปแบบนี้ ได้เผยแพร่ตัวเลขไว้ว่า: รูปภาพ WebP แบบไม่สูญเสียรายละเอียดมีขนาดเล็กกว่า PNG 26% และรูปภาพ WebP แบบสูญเสียรายละเอียดมีขนาดเล็กกว่า JPEG ที่เทียบเคียงกัน 25 ถึง 34% ที่คุณภาพเท่ากัน ตัวเลขเหล่านี้เป็นค่าเฉลี่ยจากชุดทดสอบ ไม่ใช่การรับประกันสำหรับไฟล์เฉพาะของคุณ แต่ก็ช่วยตั้งความคาดหวังได้อย่างถูกต้อง
เปรียบเทียบเคียงข้างกัน
| คุณสมบัติ | PNG | WebP |
|---|---|---|
| โหมดการบีบอัด | แบบไม่สูญเสียรายละเอียดเท่านั้น | แบบไม่สูญเสียรายละเอียดและแบบสูญเสียรายละเอียด |
| ขนาดไฟล์แบบไม่สูญเสียรายละเอียดโดยทั่วไป | พื้นฐาน | เล็กลงประมาณ 26% |
| ความโปร่งใส | ใช่ | รองรับ ในทั้งสองโหมด |
| ต้นทุนของความโปร่งใส | รวมอยู่ด้วย | เพิ่มขนาดไฟล์ประมาณ 22% ในโหมดไม่สูญเสียรายละเอียด |
| แอนิเมชัน | APNG, การรองรับยังไม่ครอบคลุม | รองรับ, รองรับอย่างกว้างขวาง |
| เปิดได้ในเบราว์เซอร์ปัจจุบัน | ทุกที่ | ทุกที่ |
| เปิดได้ในซอฟต์แวร์รุ่นเก่า | ทุกที่ | บางครั้งไม่ได้ |
ข้อมูลขนาดและความโปร่งใสมาจาก เอกสารประกอบ WebP ของ Google ซึ่งระบุด้วยว่า WebP แบบสูญเสียรายละเอียด (lossy) ที่มีความโปร่งใสมักจะมีขนาดเล็กกว่า PNG ที่เทียบเท่ากันถึงสามเท่า
จุดเด่นของ WebP
- รูปภาพบนหน้าเว็บของคุณ เบราว์เซอร์ปัจจุบันทั้งหมดสามารถแสดงผล WebP ได้ การลดขนาดไฟล์รูปลงหนึ่งในสี่ช่วยเพิ่มความเร็วได้อย่างแท้จริงบนการเชื่อมต่อมือถือ
- กราฟิกโปร่งใสที่มีเนื้อหาภาพถ่าย โลโก้บนพื้นหลังภาพถ่ายคือจุดที่ WebP แบบสูญเสียรายละเอียดพร้อมช่องอัลฟา (alpha) ทำได้ดีกว่า PNG มากที่สุด
- ภาพหน้าจอขนาดใหญ่และภาพจับหน้าจอ UI สีพื้นเรียบและข้อความที่คมชัดสามารถบีบอัดได้ดีใน WebP แบบไม่สูญเสียรายละเอียด (lossless) คุณจึงรักษาพิกเซลที่แน่นอนไว้ได้และลดขนาดไฟล์ลง
- ทุกที่ที่แบนด์วิดท์เป็นข้อจำกัด จดหมายข่าวทางอีเมล เว็บไซต์เอกสารประกอบ และแคตตาล็อกที่มีรูปภาพจำนวนมาก
จุดที่ PNG ยังคงเหมาะสม
เก็บ PNG ไว้เป็นไฟล์ต้นฉบับ แล้วแปลงไฟล์เพื่อนำไปใช้งาน กฎข้อเดียวนี้ครอบคลุมกรณีส่วนใหญ่ด้านล่าง
- ไฟล์ที่คุณจะนำมาแก้ไขอีกครั้ง การบันทึกซ้ำไปมาในรูปแบบที่สูญเสียรายละเอียดจะทำให้คุณภาพรูปภาพลดลงเล็กน้อยในแต่ละครั้ง ไฟล์ต้นฉบับแบบไม่สูญเสียรายละเอียดจะช่วยหลีกเลี่ยงปัญหานี้ได้อย่างสิ้นเชิง
- เวิร์กโฟลว์งานพิมพ์และการออกแบบ ซอฟต์แวร์จัดหน้าและเตรียมพิมพ์จำนวนมากยังคงรองรับแค่ PNG หรือ TIFF การส่งไฟล์ WebP ให้โรงพิมพ์อาจทำให้คุณได้รับอีเมลตอบกลับที่คุณไม่อยากเห็น
- สิ่งใดก็ตามที่ระบบเก่าเปิดใช้งาน เครื่องมือภายในรุ่นเก่า โปรแกรมดูเอกสารรุ่นเก่า และแบบฟอร์มอัปโหลดบางรายการปฏิเสธไฟล์ WebP โดยสิ้นเชิง
- ไฟล์ที่คุณส่งให้ผู้อื่น เพื่อนร่วมงานที่ใช้เครื่องรุ่นเก่าอาจไม่สามารถดับเบิลคลิกเปิดไฟล์ได้ นั่นคือเหตุผลทั้งหมดที่ต้องใช้เครื่องมือแปลง WebP เป็น PNG
WebP แบบไม่สูญเสียรายละเอียดหรือแบบสูญเสียรายละเอียด
WebP คือสองรูปแบบที่ใช้นามสกุลไฟล์เดียวกัน โหมดไม่สูญเสียรายละเอียด (lossless) จะรักษาทุกพิกเซลไว้อย่างแม่นยำ โหมดสูญเสียรายละเอียด (lossy) จะตัดรายละเอียดที่ตัวเข้ารหัสประเมินว่าคุณจะไม่สังเกตเห็นออกไป และทำให้ไฟล์มีขนาดเล็กลงมาก
เลือกโหมดไม่สูญเสียรายละเอียดสำหรับโลโก้ แผนภาพ ภาพหน้าจอ และสิ่งใดก็ตามที่มีขอบคมชัดหรือข้อความ เลือกโหมดสูญเสียรายละเอียดสำหรับภาพถ่ายและพื้นหลังที่ไม่มีใครซูมดู ข้อความในการตั้งค่าแบบสูญเสียรายละเอียดจะเกิดรอยรัศมีจางๆ รอบตัวอักษร ซึ่งเป็นความผิดเพี้ยนที่คนมักสังเกตเห็นเป็นอันดับแรก
เครื่องมือแปลง PNG เป็น WebP ของ Vaultaire มีให้เลือกทั้งสองแบบ ในโหมดไม่สูญเสียรายละเอียด ระบบจะอ่านไฟล์ใหม่กลับมาและบล็อกการดาวน์โหลดเว้นแต่ผลลัพธ์จะเป็นรูปภาพ VP8L แบบไม่สูญเสียรายละเอียดจริงๆ ซึ่งมีพิกเซลตรงกัน ค่าอัลฟาต้องตรงกันทุกประการ โดยมีความคลาดเคลื่อนสูงสุดไม่เกิน 2 ต่อแชนเนล 8 บิตที่คูณล่วงหน้า (premultiplied) สำหรับสีที่โปร่งใสบางส่วน เนื่องจากตัวเข้ารหัสเนทีฟของเบราว์เซอร์จะปัดเศษค่าเหล่านั้น
การแปลงไฟล์ส่งผลต่อข้อมูลเมตาอย่างไร
การแปลงไฟล์ยังเป็นวิธีหนึ่งในการลบสิ่งที่แนบมากับไฟล์ เครื่องมือแปลงจะไม่คัดลอกข้อมูล EXIF, ICC, ข้อความ, เวลา หรือระเบียน C2PA ต้นฉบับไปยัง WebP ใหม่ จากนั้นจะสแกนไฟล์ที่เสร็จสมบูรณ์ด้วยตัวแยกวิเคราะห์อิสระ และจะล็อกการดาวน์โหลดไว้หากพบระเบียนใดๆ
สิ่งนี้สำคัญเมื่อ PNG มาจากภาพหน้าจอโทรศัพท์ การส่งออกจากกล้อง หรือเครื่องมือสร้างรูปภาพ หากคุณต้องการดูสิ่งที่แนบมาก่อนตัดสินใจ ตัวตรวจสอบข้อมูลเมตาจะแสดงรายการให้ดู ทุกอย่างทำงานในเวิร์กเกอร์ของเบราว์เซอร์ และจะไม่มีการอัปโหลดไฟล์
ข้อจำกัดในทางปฏิบัติของเครื่องมือแปลง: รองรับ PNG ภาพนิ่ง 1 ไฟล์, ขนาดสูงสุด 20 MB, ความยาวด้านใดด้านหนึ่งไม่เกิน 4,096 พิกเซล และจำนวนพิกเซลรวมไม่เกิน 16,000,000 พิกเซล PNG แบบเคลื่อนไหวจะถูกปฏิเสธก่อนการถอดรหัส แทนที่จะส่งออกเป็นเฟรมแรกอย่างเงียบๆ
คำถามที่พบบ่อยเกี่ยวกับ PNG และ WebP
WebP ดีกว่า PNG หรือไม่?
โดยปกติแล้วใช่ สำหรับรูปภาพที่แสดงบนเว็บ Google วัดขนาด WebP แบบไม่สูญเสียรายละเอียดได้เล็กกว่า PNG ถึง 26% แต่ PNG ยังคงดีกว่าเมื่อเครื่องมือ เครื่องพิมพ์ หรือเพื่อนร่วมงานต้องการรูปแบบที่ทุกระบบรองรับมานานหลายทศวรรษ
WebP รองรับความโปร่งใสหรือไม่?
ใช่ รองรับทั้งสองโหมด Google ระบุว่าช่องอัลฟ่าใน WebP แบบไม่สูญเสียรายละเอียดจะเพิ่มขนาดไบต์ประมาณ 22% และกล่าวว่า WebP แบบสูญเสียรายละเอียดที่มีความโปร่งใสมักจะมีขนาดเล็กกว่า PNG ที่เทียบเท่ากันถึงสามเท่า
การแปลง PNG เป็น WebP ทำให้สูญเสียคุณภาพหรือไม่?
ไม่ใช่ในโหมดไม่สูญเสียรายละเอียด ซึ่งจะรักษาทุกพิกเซลไว้ โหมดสูญเสียรายละเอียดจะเปลี่ยนแปลงพิกเซลโดยเจตนา เครื่องมือแปลงจะอ่านไฟล์ที่เสร็จสมบูรณ์กลับมาและบล็อกการดาวน์โหลดเว้นแต่การแปลงแบบไม่สูญเสียรายละเอียดจะสร้างรูปภาพ VP8L แบบไม่สูญเสียรายละเอียดที่แท้จริง
เมื่อไหร่ที่ฉันควรเก็บไฟล์ PNG ไว้?
สำหรับไฟล์ต้นฉบับที่คุณจะนำมาแก้ไขอีกครั้ง สำหรับซอฟต์แวร์งานพิมพ์และการออกแบบที่ต้องการรูปแบบนี้ สำหรับสิ่งใดก็ตามที่ระบบเก่าต้องเปิดใช้งาน และสำหรับภาพหน้าจอที่จัดเก็บถาวร ควรแปลงไฟล์เพื่อนำไปใช้งานแทนการแทนที่ไฟล์ต้นฉบับ
WebP ส่งผลเสียต่อ SEO หรือไม่?
ไม่ รูปภาพที่เล็กกว่าจะโหลดเร็วกว่า และความเร็วของหน้าเว็บมีผลต่อการจัดอันดับ ควรให้บริการรูปแบบที่เบราว์เซอร์ของผู้เยี่ยมชมยอมรับ และคงข้อความ alt รวมถึงการตั้งชื่อไฟล์ไว้ตามเดิม
ฉันสามารถแปลงกลับเป็น PNG ในภายหลังได้หรือไม่?
ได้ และการเข้ารหัส PNG จะไม่สูญเสียรายละเอียดจากพิกเซลที่เรนเดอร์แล้ว แต่ไม่สามารถยกเลิกการแปลงแบบสูญเสียรายละเอียดก่อนหน้านี้ได้ ดังนั้น WebP แบบสูญเสียรายละเอียดที่แปลงกลับเป็น PNG จะกลายเป็นไฟล์ขนาดใหญ่ที่เก็บพิกเซลที่ถูกลดทอนคุณภาพไปแล้ว