รูปภาพที่ไม่ได้ Optimize เป็นสาเหตุอันดับหนึ่งที่ทำให้ WordPress โหลดช้า การอัพโหลดรูปจากกล้องหรือโปรแกรมตัดต่อโดยไม่ย่อขนาดก่อนนั้นทำให้รูป 1 รูปมีขนาด 3-10 MB ได้ง่ายๆ บทความนี้จะแนะนำวิธีแก้ปัญหานี้อย่างถาวรด้วย Plugin และการใช้ WebP
1. ทำไมรูปภาพถึงสำคัญต่อความเร็วเว็บ
รูปภาพมักเป็น Element ที่ใหญ่ที่สุดบนหน้าเว็บ คิดเป็น 40-70% ของขนาดหน้า ทั้ง Google Pagespeed, GTmetrix และ Lighthouse ต่างระบุ "Serve images in next-gen formats" และ "Properly size images" เป็น Opportunity อันดับต้นๆ เสมอ
ผลกระทบของรูปที่ไม่ Optimize:
- หน้าโหลดนานขึ้น → อัตรา Bounce Rate สูงขึ้น
- LCP (Largest Contentful Paint) สูง → Core Web Vitals ผ่านไม่ได้
- ใช้ Bandwidth Hosting มากขึ้นโดยไม่จำเป็น
- Google อาจจัดอันดับต่ำกว่าเว็บที่เร็วกว่า
2. WebP คืออะไร ทำไมต้องใช้
WebP เป็น Format รูปภาพที่ Google พัฒนาขึ้นในปี 2010 โดยมีคุณสมบัติหลัก:
- ขนาดไฟล์เล็กกว่า JPEG 25-35% ที่คุณภาพเท่ากัน
- ขนาดไฟล์เล็กกว่า PNG 26% สำหรับ Lossless
- รองรับ Transparency เหมือน PNG แต่ไฟล์เล็กกว่า
- รองรับ Animation เหมือน GIF แต่ไฟล์เล็กกว่ามาก
- Browser สมัยใหม่ทุกตัวรองรับ (Chrome, Safari 14+, Firefox 65+, Edge)
WordPress 5.8+ รองรับ WebP Upload โดยตรงแล้ว ไม่ต้องทำอะไรพิเศษ แค่ Upload ไฟล์ .webp ได้เลย แต่ถ้าต้องการแปลง JPEG/PNG ที่มีอยู่แล้วเป็น WebP อัตโนมัติ ต้องใช้ Plugin
3. เปรียบเทียบ Plugin Optimize รูปภาพ
| Plugin | ฟรี | WebP | Bulk | เหมาะกับ |
|---|---|---|---|---|
| Smush | ✅ มี | ✅ (Pro) | ✅ | มือใหม่ ง่ายที่สุด |
| ShortPixel | ✅ 100 รูป/เดือน | ✅ | ✅ | คุณภาพสูง เจ้าของเว็บรูปเยอะ |
| Imagify | ✅ 25 MB/เดือน | ✅ | ✅ | ฟรีพอสำหรับเว็บเล็ก |
| LiteSpeed Cache | ✅ ฟรี | ✅ | ✅ | ใช้ร่วมกับ LiteSpeed Server |
| Converter for Media | ✅ ฟรี | ✅ | ✅ | แค่ต้องการ WebP ฟรี 100% |
4. ตั้งค่า Smush (ฟรี ง่ายที่สุด)
Smush เป็น Plugin ที่นิยมที่สุด ใช้งานง่ายที่สุด เหมาะสำหรับมือใหม่
- ติดตั้ง Smush — Lazy Load, Image Optimizer, Image Compress จาก WordPress Plugins
- ไปที่ Smush Dashboard → ตั้งค่าตามนี้:
- Automatic Smush: เปิด (Optimize อัตโนมัติเมื่อ Upload)
- Strip my image metadata: เปิด (ลบ EXIF Data ลดขนาดเพิ่ม)
- Image Resize: ตั้ง Maximum Width/Height เช่น 2048×2048 px
- คลิก Bulk Smush Now เพื่อ Optimize รูปเก่าทั้งหมด
- ดูผล: หน้าจะแสดง "X files smushed, saved X KB"
ข้อจำกัดฟรี: Smush Free Optimize แบบ Lossy ได้ถึง 5MB/ไฟล์ ถ้ารูปใหญ่กว่านั้นต้องใช้ Smush Pro หรือ Plugin อื่น
5. เปิด WebP ด้วย Plugin ฟรี "Converter for Media"
ถ้าต้องการแค่ WebP Conversion ฟรี 100% ไม่มี Limit
- ติดตั้ง Converter for Media
- ไปที่ Settings → Converter for Media
- ตั้ง Output Format เป็น WebP
- เลือก Conversion Method ที่เซิร์ฟเวอร์รองรับ (ส่วนใหญ่ใช้ GD หรือ Imagick)
- คลิก Convert All เพื่อแปลงรูปเก่าทั้งหมด
- Plugin จะแปลง Automatically ทุกรูปที่ Upload ใหม่
Plugin นี้ใช้ <picture> Element อัตโนมัติ ทำให้ Browser รุ่นเก่าที่ไม่รองรับ WebP ยังได้รับ JPEG/PNG ตามปกติ
6. Best Practices สำหรับรูปภาพ WordPress
ก่อน Upload
- Resize รูปให้มีความกว้างไม่เกิน 1920px (Full HD) ก่อน Upload
- ใช้ JPEG สำหรับรูปถ่าย, PNG สำหรับรูปที่ต้องการ Transparency
- Quality 80-85% ดีพอสำหรับการใช้งานทั่วไป
ใน WordPress
- ใส่ Alt Text ทุกรูป (SEO + Accessibility)
- ตั้งชื่อไฟล์ให้สื่อความหมาย เช่น
wordpress-dashboard.jpgไม่ใช่IMG_2345.jpg - เลือก Image Size ที่เหมาะสมกับ Context (Thumbnail, Medium, Large)
- ใช้ Lazy Load สำหรับรูปที่อยู่ใต้ Fold (WordPress 5.5+ มีในตัว)
สำหรับ Featured Image
- ขนาดมาตรฐาน 1200×628px (เหมาะทั้ง Blog และ Social Share)
- ใช้ JPEG Quality 85 หรือ WebP
- หลีกเลี่ยงรูปที่มีข้อความมากในรูป เพราะ Mobile จะอ่านยาก
7. วิธีตรวจสอบผลลัพธ์หลัง Optimize
หลัง Optimize รูปแล้ว ควรทดสอบเพื่อยืนยันผลลัพธ์:
- Google PageSpeed Insights — ดูคะแนน Performance และ Opportunity รูป
- GTmetrix — ดู Waterfall Chart ว่ารูปไหนใช้เวลาโหลดนานที่สุด
- WebPageTest — ดู Image Compression Suggestion
- ตรวจสอบ Lighthouse ใน Chrome DevTools (F12 → Lighthouse)
Bottom Line: การ Optimize รูปภาพเป็นสิ่งที่ลงทุนครั้งเดียวแต่ได้ผลถาวร ติดตั้ง Plugin ที่ Optimize อัตโนมัติตั้งแต่วันแรก แล้วทำ Bulk Optimize รูปเก่าที่มีอยู่ การเปลี่ยน Format เป็น WebP จะลดขนาดไฟล์ได้ 25-35% โดยที่ตาเปล่าแทบไม่เห็นความต่าง แต่เว็บเร็วขึ้นจริงและ Core Web Vitals ดีขึ้นชัดเจน
ต้องการ Hosting ที่เร็วและรองรับ WordPress
AsiaGB Hosting ใช้ SSD Storage, รองรับ PHP 8.3, มี LiteSpeed Cache ให้ฟรี พร้อม Bandwidth ไม่จำกัด รองรับเว็บรูปภาพเยอะได้สบาย
ดู Hosting Plans →