การใช้รูปภาพ WebP ใน WordPress, Shopify และ Wix
แต่ละแพลตฟอร์มทำอะไรกับ WebP และเมื่อไหร่ควรแปลงรูปภาพเอง
รูปภาพ WebP เล็กกว่า JPG และ PNG ที่คุณภาพเท่ากัน และเบราว์เซอร์รุ่นปัจจุบันทุกตัวแสดงผลได้ จะแปลงรูปภาพเองหรือไม่นั้นขึ้นอยู่กับแพลตฟอร์ม เพราะบางแพลตฟอร์มทำให้อยู่แล้ว คู่มือนี้อธิบายการทำงานของแพลตฟอร์มต่าง ๆ ณ เวลาที่เขียน ซึ่งอาจเปลี่ยนแปลงได้ ถ้ามีอะไรดูต่างไป ให้ตรวจสอบหน้าช่วยเหลือล่าสุดของแพลตฟอร์มนั้น
WordPress
WordPress รับการอัปโหลด WebP ในคลังสื่อมาตั้งแต่เวอร์ชัน 5.8 บนโฮสต์ที่ไลบรารีรูปภาพของเซิร์ฟเวอร์รองรับ WebP เมื่ออัปโหลดแล้ว WebP ใช้งานได้เหมือนรูปภาพอื่น ๆ ในโพสต์ หน้าเพจ และธีมส่วนใหญ่ WordPress ไม่ได้แปลง JPG ที่อัปโหลดเป็น WebP เอง งานนี้ทำโดยปลั๊กอินปรับแต่งรูปภาพหรือโดยโฮสต์ของคุณ
แปลงเองเมื่อ: ต้องการไฟล์ที่เล็กลงโดยไม่ต้องเพิ่มปลั๊กอิน หรือกำลังจะอัปโหลดรูปใหม่ชุดใหญ่ ให้แปลงด้วย JPG เป็น WebP ก่อนอัปโหลด เก็บ PNG ไว้สำหรับโลโก้เฉพาะในกรณีที่ธีมแสดงความโปร่งใสของ WebP ได้ไม่ดี ซึ่งเกิดขึ้นน้อยมาก
Shopify
CDN รูปภาพของ Shopify ส่งรูปในฟอร์แมตสมัยใหม่อย่าง WebP ให้เบราว์เซอร์ที่รองรับโดยอัตโนมัติ ไม่ว่าคุณจะอัปโหลดฟอร์แมตไหน ฟอร์แมตที่อัปโหลดจึงสำคัญน้อยกว่าขนาดที่อัปโหลด รูปสินค้าขนาด 5 MB ก็ยังถูกประมวลผลจากไฟล์ 5 MB อยู่ดี Shopify รับการอัปโหลด WebP โดยตรงด้วยเช่นกัน
แปลงเองเมื่อ: แทบไม่จำเป็นด้วยเหตุผลเรื่องฟอร์แมต แต่ควรปรับขนาดรูปสินค้าให้ด้านที่ยาวที่สุดอยู่ที่ประมาณ 2000 ถึง 2048 พิกเซลก่อนอัปโหลด ซึ่งทำให้ซูมได้คมชัดโดยไม่เปลืองพื้นที่
Wix
Wix ปรับแต่งรูปภาพที่อัปโหลดและส่ง WebP ให้เบราว์เซอร์ที่รองรับโดยอัตโนมัติ เช่นเดียวกับ Shopify ขนาดที่อัปโหลดอย่างเหมาะสมสำคัญกว่าการแปลงเอง
แปลงเองเมื่อ: ต้องการไฟล์ WebP ไปใช้ที่อื่นนอก Wix หรือการปรับแต่งของตัวแก้ไขเว็บไซต์เองไม่พอสำหรับหน้าที่มีรูปภาพจำนวนมาก
ที่อื่น ๆ ที่เจอ WebP
- Squarespace, Webflow และเครื่องมือสร้างเว็บสมัยใหม่ส่วนใหญ่ รับการอัปโหลด WebP และหลายตัวแปลงให้อัตโนมัติด้วย
- จดหมายข่าวทางอีเมล เป็นข้อยกเว้น การรองรับ WebP ในโปรแกรมอีเมลยังไม่ทั่วถึง ให้ใช้ JPG และ PNG ในอีเมล
- มาร์เก็ตเพลสและแบบฟอร์มอัปโหลด มักไม่รับ WebP ให้เก็บเวอร์ชัน JPG ของทุกอย่างที่คุณนำไปลงขายที่อื่นไว้
เมื่อไฟล์ WebP เปิดไม่ได้
บางครั้งปัญหาเกิดในทางกลับกัน คือคุณดาวน์โหลด WebP จากเว็บไซต์ แล้วโปรแกรมรุ่นเก่า ร้านพิมพ์ หรือแบบฟอร์มไม่ยอมรับ ให้แปลงกลับด้วย WebP เป็น JPG หรือ WebP เป็น PNG ถ้ารูปมีความโปร่งใส
ขั้นตอนง่าย ๆ ที่ใช้ได้กับทุกแพลตฟอร์ม
- ปรับขนาดรูปภาพให้เท่ากับขนาดใหญ่ที่สุดที่จะแสดงผล
- ถ้าแพลตฟอร์มไม่แปลงให้อัตโนมัติ ให้แปลงเป็น WebP ที่คุณภาพ 80
- เก็บไฟล์ต้นฉบับไว้ในโฟลเดอร์ เพื่อส่งออกใหม่ได้ถ้าแพลตฟอร์มหรือธีมเปลี่ยน