แปลง PNG เป็น WebP เพื่อให้เว็บไซต์เบาลงโดยไม่ต้องเสียพื้นหลังโปร่งใส เลือกการบีบอัดแบบสูญเสียคุณภาพเพื่อให้ไฟล์เล็กที่สุด หรือแบบไม่สูญเสียคุณภาพเพื่อให้โลโก้และภาพหน้าจอเหมือนเดิมทุกอย่าง แปลงได้ครั้งละไม่เกิน 20 รูป ไม่ต้องสมัครและไม่มีลายน้ำ
วิธีแปลง PNG เป็น WebP
- เลือกรูป PNG หนึ่งรูปหรือหลายรูป (ครั้งละไม่เกิน 20 รูป)
- เลือก “ไม่สูญเสียคุณภาพ” สำหรับโลโก้ ไอคอน หรือภาพหน้าจอที่มีตัวหนังสือ สำหรับภาพถ่ายและภาพประกอบ ไม่ต้องเลือกแล้วปรับคุณภาพแทน
- กด “แปลงเป็น WebP”
- ดาวน์โหลด WebP หรือไฟล์ ZIP ที่รวมทุกรูป หากแปลงหลายรูป
ทำไมต้องเปลี่ยนจาก PNG เป็น WebP
PNG เป็นรูปแบบที่ใช้กันทั่วไปสำหรับรูปที่มีพื้นหลังโปร่งใส แต่ไฟล์หนัก WebP ก็รองรับพื้นหลังโปร่งใสและบีบอัดได้ดีกว่ามาก จึงเป็นวิธีง่าย ๆ ในการทำให้เว็บไซต์ที่มีโลโก้ ไอคอน ภาพประกอบ หรือภาพหน้าจอเยอะ ๆ เร็วขึ้น
- พื้นหลังโปร่งใสยังอยู่ ทั้งแบบสูญเสียคุณภาพและไม่สูญเสียคุณภาพ
- เล็กลง ตามข้อมูลของ Google WebP แบบไม่สูญเสียคุณภาพเล็กกว่า PNG เดียวกันประมาณ 26% หากบีบอัดแบบสูญเสียคุณภาพ มักประหยัดได้มากกว่านั้นมาก
- แสดงได้ในเบราว์เซอร์ปัจจุบันทุกตัว รวมถึง Safari ตั้งแต่รุ่น 14
สูญเสียคุณภาพหรือไม่สูญเสียคุณภาพ
นี่คือการตัดสินใจที่สำคัญที่สุดเมื่อแปลง PNG
| โหมด | ผลลัพธ์ | เหมาะกับ |
|---|---|---|
| ไม่สูญเสียคุณภาพ | เหมือน PNG ทุกพิกเซล | โลโก้ ไอคอน ภาพหน้าจอที่มีตัวหนังสือ พิกเซลอาร์ต |
| สูญเสียคุณภาพ | แทบเหมือนเดิม และเบากว่ามาก | ภาพถ่าย ภาพประกอบที่มีการไล่สี พื้นหลัง |
ในโหมดสูญเสียคุณภาพ คุณภาพกำหนดสมดุลระหว่างความสวยงามกับขนาด เราใช้ 85 เป็นค่าเริ่มต้น ขอบของส่วนที่โปร่งใสและตัวหนังสือจึงยังคมชัด สำหรับภาพถ่าย ลดลงถึง 75 ถึง 80 ได้โดยไม่สังเกตเห็น
ในโหมดไม่สูญเสียคุณภาพ ไม่ใช้การตั้งค่าคุณภาพ รูปถูกเก็บไว้ตรงตามเดิม และเปลี่ยนกลับเป็น PNG ได้โดยไม่เสียอะไรเลย
ข้อจำกัด
- PNG ที่ปรับแต่งมาดีอาจเล็กกว่า สำหรับรูปเล็กมากหรือมีสีน้อยมาก WebP แบบไม่สูญเสียคุณภาพไม่ได้ชนะเสมอ เปรียบเทียบก่อนแทนที่ไฟล์ของคุณ
- WebP รองรับด้านละไม่เกิน 16,383 พิกเซล รูปที่ใหญ่กว่านั้นแปลงเป็นรูปแบบนี้ไม่ได้
- PNG แบบ 16 บิตต่อช่อง จะถูกบันทึกเป็น 8 บิตตามที่ WebP ใช้
- ครั้งละไม่เกิน 20 ไฟล์ ไฟล์ละไม่เกิน 20 MB รวมไม่เกิน 100 MB และรูปละไม่เกิน 100 เมกะพิกเซล
คำถามที่พบบ่อย
แปลง PNG เป็น WebP แล้วพื้นหลังโปร่งใสยังอยู่ไหม
ยังอยู่ WebP รองรับพื้นหลังโปร่งใสทั้งแบบสูญเสียคุณภาพและไม่สูญเสียคุณภาพ พื้นหลังโปร่งใสของ PNG จึงยังคงอยู่
สำหรับโลโก้ WebP แบบไหนดีกว่า
แบบไม่สูญเสียคุณภาพ โลโก้มีขอบคมและสีพื้นที่การบีบอัดแบบสูญเสียคุณภาพอาจทำให้เบลอเล็กน้อย ในโหมดไม่สูญเสียคุณภาพ WebP จะเหมือน PNG ทุกอย่างและยังเล็กกว่า
WebP เล็กกว่า PNG แค่ไหน
ขึ้นอยู่กับรูป Google ระบุว่าลดลงประมาณ 26% สำหรับ WebP แบบไม่สูญเสียคุณภาพ หากบีบอัดแบบสูญเสียคุณภาพ มักลดได้มากกว่านั้นมาก โดยเฉพาะภาพถ่ายและภาพประกอบที่มีการไล่สี
ทำไม WebP ของฉันใหญ่กว่า PNG
เกิดได้กับ PNG ที่เล็กมากหรือมีสีน้อยมากและปรับแต่งมาแล้ว ในกรณีนี้ให้ใช้ PNG ต่อ หรือลองโหมดสูญเสียคุณภาพ
แปลง WebP กลับเป็น PNG โดยไม่เสียอะไรได้ไหม
หากแปลงแบบไม่สูญเสียคุณภาพ ได้ PNG จะเหมือนต้นฉบับทุกอย่าง หากใช้การบีบอัดแบบสูญเสียคุณภาพ PNG ใหม่จะยังมีความต่างเล็กน้อยนั้นอยู่