22. ลดขนาดรูปด้วย DJ-WebP

คลิปวิดีโอนี้แนะนำการปรับปรุงประสิทธิภาพความเร็วของเว็บไซต์ Joomla โดยการลดขนาดรูปภาพทั้งเว็บไซต์ด้วย Extension ที่ชื่อว่า DJ-WebP ครับ [01:24]

ทำไมต้องใช้ WebP? [03:00]

WebP เป็นมาตรฐานไฟล์รูปภาพใหม่จาก Google ที่มีการบีบอัดไฟล์ได้ดีกว่า JPEG หรือ PNG มาก ทำให้ไฟล์มีขนาดเล็กลงแต่ยังคงความคมชัดในระดับสูง ช่วยให้หน้าเว็บโหลดได้เร็วขึ้น ซึ่งส่งผลดีต่อ SEO และประสบการณ์ของผู้ใช้งาน [03:16]

คุณสมบัติและการทำงานของ DJ-WebP [03:49]

• การแปลงไฟล์อัตโนมัติ: ระบบจะสร้างไฟล์นามสกุล .webp ขึ้นมาคู่กับไฟล์ต้นฉบับ (JPEG/PNG) และนำไปแสดงผลที่หน้าเว็บแทนโดยอัตโนมัติ [11:47]
• รองรับรูปภาพไม่มีพื้นหลัง: สามารถแปลงไฟล์ PNG ที่มีความโปร่งใสให้เป็น WebP ได้ [04:38]
• ใช้งานง่าย: ติดตั้งเป็น Plugin ใน Joomla รองรับทั้งเวอร์ชัน 3 และ 4 [04:27]

ขั้นตอนการตั้งค่า [08:03]

1. Directory: กำหนดโฟลเดอร์ที่ต้องการให้ Plugin ทำงาน (โดยปกติคือโฟลเดอร์ images) [08:17]
2. Image Types: เลือกประเภทไฟล์ที่ต้องการให้แปลง เช่น JPEG, JPG, PNG [08:32]
3. Quality: กำหนดความละเอียดของรูปภาพ (ผู้สอนแนะนำให้ลองตั้งแต่ 50-80% เพื่อดูความสมดุลระหว่างขนาดไฟล์และความชัด) [08:42]
4. Stale Time: กำหนดระยะเวลาการเก็บไฟล์ Cache ก่อนที่จะสร้างไฟล์ใหม่ [09:06]

ผลลัพธ์จากการทดสอบในคลิป [10:45]

• รูปต้นฉบับ (JPEG): ขนาดประมาณ 124 KB [10:57]
• แปลงเป็น WebP (Quality 80%): ขนาดลดลงเหลือประมาณ 98 KB [11:08]
• แปลงเป็น WebP (Quality 50%): ขนาดลดลงเหลือเพียง 63 KB [13:41]
• แปลงเป็น WebP (Quality 30%): ขนาดลดลงเหลือเพียง 46 KB โดยที่รูปภาพยังดูชัดเจน ไม่แตกหรือเบลอจนเกินไป [16:15]

สรุป [16:41]

DJ-WebP เป็นเครื่องมือที่ช่วย Optimize รูปภาพใน Joomla ได้อย่างมีประสิทธิภาพโดยไม่ต้องเสียเวลาย่อรูปทีละไฟล์ด้วยตัวเอง เพียงแค่ตั้งค่าโฟลเดอร์หลัก ระบบจะจัดการส่วนที่เหลือให้ทั้งหมดครับ [14:43]