วิธีแปลง JPG เป็น WebP สำหรับ WordPress (และปรับปรุงความเร็วไซต์ของคุณจริง ๆ )

WebP คือรูปแบบรูปภาพของ Google รองรับการบีบอัด ความโปร่งใส และภาพเคลื่อนไหวทั้งแบบ lossy และ lossless โดยแทนที่ JPG, PNG และ GIF ในรูปแบบเดียว หมายเลขสำคัญ: โดยทั่วไปแล้วไฟล์ WebP เล็กกว่า JPG 25-35% ด้วยคุณภาพที่มองเห็นได้เท่ากัน ในบล็อกโพสต์ที่มีรูปภาพจำนวนมาก นั่นคือความแตกต่างระหว่างหน้าขนาด 3 MB และหน้าขนาด 2 MB ในหน้าแรกที่มีรูปภาพหลัก ความแตกต่างระหว่างการผ่านและไม่ผ่านเกณฑ์ LCP

เบราว์เซอร์กระแสหลักทุกตัวรองรับ WebP ตั้งแต่ปี 2020 หากผู้ชมของคุณใช้อะไรที่ทันสมัย ​​(Chrome, Firefox, Safari 14+, Edge) WebP ก็ใช้งานได้ — คนส่วนใหญ่ไม่จำเป็นต้องใช้ทางเลือกสำรอง

เริ่มต้นด้วยรูปภาพที่คุณกำลังจะอัปโหลด วางพวกเขาลงใน เครื่องมือแปลงไฟล์ JPG เป็น WebPรักษาคุณภาพเริ่มต้นไว้ที่ 85% (จุดที่น่าสนใจที่ดี) ดาวน์โหลดผลลัพธ์ หากคุณมีแค็ตตาล็อกผลิตภัณฑ์ WooCommerce เป็นชุด ให้โหลดได้สูงสุด 20 รายการในคราวเดียว ชื่อไฟล์จะมาพร้อมกับนามสกุล .webp ใหม่ ดังนั้นการเปลี่ยนจึงตรงไปตรงมา

ตามค่าเริ่มต้น WordPress จะปฏิเสธการอัปโหลด WebP จนถึงเวอร์ชัน 5.8+ หากคุณใช้เวอร์ชัน 5.8 หรือใหม่กว่า คุณก็ไม่เป็นไร — วาง WebP ลงในไลบรารีสื่อของคุณเหมือนกับรูปภาพอื่นๆ หากคุณใช้ WordPress รุ่นเก่า คุณจะเห็นข้อผิดพลาด "ขออภัย ไฟล์ประเภทนี้ไม่ได้รับอนุญาต"

สองวิธีรอบ ๆ :

• อัพเดตเวิร์ดเพรส. หากคุณใช้เวอร์ชัน 5.7 ขึ้นไปในปี 2569 การอัปเดตความปลอดภัยเพียงอย่างเดียวก็คุ้มค่าแล้ว
• ติดตั้งปลั๊กอิน. WebP Express หรือ Imagify ทั้งคู่เพิ่มการรองรับ WebP WebP Express ยังให้บริการ WebP โดยอัตโนมัติไปยังเบราว์เซอร์ที่รองรับ โดยเก็บ JPG ดั้งเดิมไว้เป็นทางเลือก

ส่วนขยายรูปภาพฮาร์ดโค้ดรุ่นเก่าบางส่วนใน CSS หรือ PHP — คาดว่าจะเป็น .jpg หรือ .png การอัปโหลด .webp ด้วยชื่อไฟล์พื้นฐานเดียวกันจะแทนที่ข้อมูลอ้างอิง แต่หากธีมกำลังมองหา "hero.jpg" โดยเฉพาะ WebP จะไม่แสดง ทดสอบการจัดเตรียมก่อนเสมอ

ธีมบล็อกที่ใหม่กว่าจัดการสิ่งนี้ได้อย่างหมดจด ธีมเก่าๆ (โดยเฉพาะธีมที่กำหนดเองตามสั่ง) อาจต้องมีการปรับแต่ง CSS

ขึ้นอยู่กับขนาด

สำหรับไซต์ขนาดเล็ก (ต่ำกว่า 100 ภาพ): แปลงทุกอย่าง การปรับปรุงสุขภาพไซต์นั้นคุ้มค่าในช่วงบ่าย

สำหรับไซต์ขนาดใหญ่ (หลายพันภาพ): ใช้ปลั๊กอินเช่น ShortPixel หรือ Imagify เพื่อแปลงไลบรารีสื่อของคุณจำนวนมาก โดยจะเก็บต้นฉบับไว้เป็นทางเลือกและให้บริการ WebP ในกรณีที่ได้รับการสนับสนุน การแปลงไฟล์หลายพันไฟล์ด้วยตนเองเป็นการใช้เวลาอย่างไม่เหมาะสม

สำหรับร้านค้าอีคอมเมิร์ซ: จัดลำดับความสำคัญหน้าหมวดหมู่และสินค้าขายดีก่อน หน้าเว็บเหล่านั้นมีการเข้าชมสูงสุดและมีผลกระทบต่อ Core Web Vitals

หลังจากเปลี่ยนแล้ว ให้เรียกใช้หน้าสำคัญหน้าใดหน้าหนึ่งของคุณ ข้อมูลเชิงลึกของ PageSpeed และตรวจสอบคะแนน LCP (Largest Contentful Paint) บนหน้า Landing Page ที่มีรูปภาพหลักจำนวนมาก การแปลง JPG ของฮีโร่เป็น WebP โดยทั่วไปจะช่วยลด LCP ลง 0.3-0.6 วินาที โดยปกติแล้วจะเพียงพอที่จะเปลี่ยนจาก "จำเป็นต้องปรับปรุง" เป็น "ดี" ในรายงาน Core Web Vitals

Search Console ของ Google ยังรายงานข้อมูลในช่อง Core Web Vitals อีกด้วย ให้เวลา 2-3 สัปดาห์หลังการเปลี่ยนแปลงเพื่อดูเมตริกผู้ใช้จริงที่อัปเดต

แปลงรูปภาพใหม่เป็น WebP ก่อนอัปโหลด แปลงสื่อที่มีอยู่จำนวนมากด้วยปลั๊กอินหากไซต์มีขนาดใหญ่ อัปเดต WordPress หรือเพิ่มปลั๊กอิน WebP หากคุณใช้เวอร์ชันเก่า ทดสอบการจัดเตรียมก่อนหากธีมเป็นแบบกำหนดเอง การประหยัดแบนด์วิดท์จ่ายเอง — หน้าเว็บเร็วขึ้น, Core Web Vitals ดีขึ้น, ผู้ใช้มีความสุขมากขึ้น