วิธีใช้งานไฟล์รูปภาพ WebP กับ WordPress

WebP มาตรฐานไฟล์รูปของ Google สามารถคงคุณภาพของรูปได้อยู่ในระดับดีเยี่ยม แม้คุณภาพความคมชัดอาจจะลดลงเล็กน้อยเมื่อเทียบกับ PNG และ JPG ในรูปขนาดเดียวกัน ซึ่งแลกมาด้วยขนาดไฟล์ที่เล็กกว่า PNG 26% และ JPEG 25-34% ถือว่าคุ้มค่ามาก

สำหรับวิธีใช้งานไฟล์รูปภาพ WebP กับ WordPress มีอยู่ 2 วิธีดังนี้

วิธีที่ 1 : embed code เข้าไปในไฟล์ function.php ของธีมที่ใช้งานอยู่

1. ไปที่เว็บแปลงรูป (ในรูปคือเว็บ Online-Convert) เลือกไฟล์ที่ต้องการแปลง จากนั้นคลิก Start Conversion

2. เมื่อแปลงไฟล์เสร็จแล้ว ให้ดาวน์โหลดไฟล์ที่ได้ และนำไฟล์ที่ได้ไปอัปโหลดที่ WordPress ตามปกติ

3. จะเห็นว่าไม่สามารถอัปโหลดไฟล์ webp ได้เนื่องจาก WordPress ยังไม่ได้รองรับการอัปโหลดไฟล์ดังกล่าว

4. ให้เพิ่มโค้ดเพื่อเปิดใช้งานการอัปโหลดไฟล์ภาพ webp ลงไปในไฟล์ functions.php ในโฟลเดอร์ Theme ที่ใช้งาน จากนั้นก็บันทึกไฟล์

//** *Enable upload for webp image files.*/
function webp_upload_mimes($existing_mimes) {
    $existing_mimes['webp'] = 'image/webp';
    return $existing_mimes;
}
add_filter('mime_types', 'webp_upload_mimes');

5. เท่านี้ก็อัปโหลดไฟล์ webp ขึ้นไปที่ WordPress ได้แล้ว

วิธีที่ 2 : ใช้งานปลั้กอิน Imagify

1. Login เพื่อเข้าสู่ระบบหน้าจัดการ WordPress

2. ที่แถบเมนูด้านซ้ายมือ เลือก Plugins > Add New

3. ค้นหาปลั๊กอิน Imagify

4. คลิก Install Now เพื่อดำเนินการติดตั้ง

5. คลิก Activate เพื่อเปิดใช้งานปลั๊กอิน

6. ไปที่ Settings > Imagify

7. คลิกที่ CREATE A FREE API KEY

8. กรอกอีเมลของคุณลงไป จากนั้นคลิกที่ SIGN UP

9. จะมีหน้าต่างแจ้งว่าให้ไปรับ API key ในกล่องขาเข้าอีเมล ให้คลิก OK

10. เข้าไปรับ API key ที่กล่องขาเข้าอีเมล

11. นำ API key ที่ได้มากรอกที่ช่อง ENTER YOUR API KEY BELOW ระบบจะตรวจสอบให้อัตโนมัติ

12. API key ถูกต้อง ต่อไปก็เป็นการตั้งค่า Imagify

13. ไปที่ Optimization > WEBP FORMAT จากนั้นตั้งค่าตามรูป

14. คลิกที่ SAVE CHANGES

Was this article helpful?

Related Articles