Smush คืออะไร — ทำไมการ Optimize รูปภาพสำคัญกับ WordPress
Smush Image Optimizer คือปลั๊กอิน WordPress ที่พัฒนาโดย WPMU DEV มียอดดาวน์โหลดมากกว่า 1 ล้านครั้งและเป็นหนึ่งในปลั๊กอินบีบอัดรูปภาพที่ได้รับความนิยมสูงสุดในระบบนิเวศของ WordPress รูปภาพที่ไม่ได้รับการปรับแต่งคือสาเหตุหลักอันดับต้นๆ ที่ทำให้เว็บไซต์โหลดช้า ซึ่งส่งผลโดยตรงต่อ Core Web Vitals โดยเฉพาะค่า Largest Contentful Paint (LCP) และ First Contentful Paint (FCP)
เมื่อคุณอัปโหลดรูปภาพลง WordPress ระบบจะสร้างหลายขนาดโดยอัตโนมัติ เช่น thumbnail, medium, large ซึ่งทำให้ไฟล์รูปภาพสะสมอยู่บนเซิร์ฟเวอร์เป็นจำนวนมากโดยไม่รู้ตัว Smush เข้ามาแก้ปัญหานี้ด้วยการบีบอัดรูปทุกขนาดที่ WordPress สร้างขึ้น รวมถึงรูปที่มีอยู่แล้วในระบบ Media Library ของคุณ ทั้งหมดโดยไม่ต้องออกจาก WordPress Dashboard
ข้อมูลจาก HTTP Archive ระบุว่ารูปภาพคิดเป็นกว่า 50% ของขนาดหน้าเว็บโดยเฉลี่ย การลดขนาดรูปลงเพียง 30-50% สามารถเพิ่ม PageSpeed Score ได้หลายคะแนน และยังช่วยประหยัด Bandwidth ของโฮสติ้งอีกด้วย
สรุปสั้น: Smush บีบอัดรูปภาพบน WordPress อัตโนมัติ รองรับทั้ง Lossless และ Lossy พร้อม Lazy Load และ WebP Conversion ในปลั๊กอินเดียว เหมาะกับเว็บไซต์ทุกขนาด
ติดตั้ง Smush ทีละขั้นตอน
การติดตั้ง Smush ทำได้ง่ายผ่าน WordPress Dashboard โดยไม่ต้องใช้ FTP หรือเข้า DirectAdmin แต่อย่างใด ทำตามขั้นตอนด้านล่างนี้ได้เลย
- เข้า WordPress Dashboard แล้วไปที่ Plugins → Add New Plugin
- พิมพ์ "Smush" ในช่อง Search Plugins แล้วกด Enter
- หาการ์ด "Smush – Compress, Optimize & Lazy Load Images" โดย WPMU DEV
- คลิก Install Now แล้วรอให้ติดตั้งเสร็จ
- คลิก Activate เพื่อเปิดใช้งาน
- ไปที่ Smush → Dashboard ซึ่งจะปรากฏใน Sidebar ด้านซ้าย
- Smush จะตรวจสอบรูปภาพที่ยังไม่ได้บีบอัดและแสดงปุ่ม "Bulk Smush Now"
หมายเหตุ: หากใช้โฮสติ้งของ AsiaGB บน DirectAdmin ไม่จำเป็นต้องเปลี่ยน PHP version ใดๆ เพราะ PHP 8.x และ GD Extension ถูกเปิดใช้งานโดยค่าเริ่มต้นทุกแพ็กเกจ
Bulk Smush — บีบอัดรูปภาพทั้งเว็บพร้อมกัน
Bulk Smush คือฟีเจอร์หลักที่ใช้บีบอัดรูปภาพที่มีอยู่ใน Media Library ทั้งหมดพร้อมกันในคลิกเดียว เหมาะสำหรับเว็บไซต์ที่มีรูปภาพสะสมอยู่เป็นจำนวนมากก่อนติดตั้ง Smush
วิธีใช้ Bulk Smush: ไปที่ Smush → Bulk Smush ระบบจะแสดงจำนวนรูปภาพที่รอการบีบอัด คลิก "Bulk Smush Now" แล้ว Smush จะเริ่มประมวลผลทีละรูปพร้อมแสดง Progress Bar
ข้อจำกัดของ Smush ฟรี
Smush ฟรีประมวลผลได้สูงสุด 50 รูปต่อครั้ง (per batch) หากมีรูปมากกว่านั้นต้องรอ Bulk Smush รอบถัดไปหรืออัปเกรดเป็น Pro เพื่อไม่จำกัดจำนวน นอกจากนี้ Smush ฟรีบีบอัดได้สูงสุด 5MB ต่อรูป
การตั้งค่าการบีบอัด
- Lossless: ลบ metadata ที่ไม่จำเป็น (EXIF, color profiles) โดยไม่เปลี่ยน pixel data ไม่กระทบ visual quality เลย
- Lossy (Super-Smush): ลด quality เล็กน้อยแต่ลดขนาดไฟล์ได้มากกว่า เหมาะกับรูป blog ทั่วไป (Pro only)
- Strip Image Meta: ลบ EXIF data เช่น GPS coordinates, camera info เพื่อความเป็นส่วนตัวและลดขนาดไฟล์
Auto Smush — บีบอัดรูปอัตโนมัติเมื่อ Upload ใหม่
Auto Smush คือการตั้งค่าให้ Smush บีบอัดรูปภาพทุกรูปที่อัปโหลดขึ้น Media Library อัตโนมัติโดยไม่ต้องทำเองทุกครั้ง ฟีเจอร์นี้เปิดใช้งานโดยค่าเริ่มต้นหลังติดตั้ง Smush
วิธีตรวจสอบ: ไปที่ Smush → Settings → Auto Smush ให้แน่ใจว่าตัวเลือก "Automatically compress my images on upload" ถูกติ๊กไว้ จากนั้นทุกครั้งที่อัปโหลดรูปใหม่ Smush จะทำงานทันทีในพื้นหลัง ไม่ชะลอกระบวนการอัปโหลด
Smush ทุก Image Size ที่ WordPress สร้าง
WordPress สร้าง Image Sizes หลายขนาดโดยอัตโนมัติเมื่ออัปโหลด เช่น thumbnail (150×150), medium (300×300), medium_large (768px), large (1024px) และขนาดที่ Theme/Plugin กำหนดเพิ่มเติม Auto Smush จะบีบอัดทุกขนาดเหล่านี้พร้อมกันในครั้งเดียว ทำให้มั่นใจได้ว่าไม่มีรูปขนาดใดที่ไม่ได้รับการ Optimize
Lazy Load รูปภาพ — โหลดเฉพาะรูปที่อยู่ใน Viewport
Lazy Load คือเทคนิคที่โหลดรูปภาพเฉพาะตอนที่ User เลื่อน Scroll มาถึงบริเวณนั้น แทนที่จะโหลดรูปทั้งหมดพร้อมกันตั้งแต่แรก วิธีนี้ลด Initial Page Load Time และ Total Bandwidth ที่ใช้ได้มาก โดยเฉพาะหน้าที่มีรูปภาพจำนวนมาก
เปิดใช้งาน Lazy Load ได้ที่ Smush → Lazy Load แล้วคลิก Activate Smush จะเพิ่ม loading="lazy" attribute ลงในทุก <img> tag พร้อมกับ JavaScript fallback สำหรับ Browser เก่าที่ยังไม่รองรับ Native Lazy Loading
การตั้งค่า Lazy Load ขั้นสูง
- Exclude Above the Fold: ไม่ Lazy Load รูปที่อยู่ด้านบนสุดของหน้า (Hero Image, Logo) เพื่อไม่ให้กระทบ LCP
- Fade In Effect: เพิ่ม Animation เล็กน้อยเมื่อรูปโหลดเสร็จ
- Exclude Specific Images: ระบุ CSS class หรือ ID เพื่อยกเว้นรูปที่ไม่ต้องการ Lazy Load
- Include iFrames & Videos: ใช้ Lazy Load กับ YouTube embed และ iframe ได้ด้วย
ข้อควรระวัง: อย่าเปิด Lazy Load กับ Hero Image หรือรูปที่อยู่ Above the Fold เพราะจะทำให้ LCP score ลดลงและ Google อาจปรับลด PageSpeed Score ของคุณ
WebP Conversion — แปลงรูปเป็น WebP อัตโนมัติ
WebP คือ Image Format สมัยใหม่ที่ Google พัฒนาขึ้น ให้คุณภาพใกล้เคียง JPEG และ PNG แต่ขนาดไฟล์เล็กกว่า 25-35% ทำให้เหมาะมากสำหรับการใช้งานบนเว็บ Browser สมัยใหม่ทั้ง Chrome, Firefox, Safari, Edge รองรับ WebP ครบหมดแล้ว
Smush Pro รองรับการแปลงรูปเป็น WebP อัตโนมัติ โดยยังเก็บรูปต้นฉบับ (JPEG/PNG) ไว้ด้วย แล้วส่ง WebP ให้กับ Browser ที่รองรับ และส่งรูปต้นฉบับให้กับ Browser เก่าที่ยังไม่รองรับ ผ่านกลไก <picture> element หรือ .htaccess rewrite
วิธีเปิดใช้งาน WebP
- ไปที่ Smush → WebP Conversion
- คลิก "Check Server Configuration" ให้ Smush ตรวจสอบว่า Server รองรับ WebP
- เลือกวิธี Serve WebP: Server (Recommended) ผ่าน .htaccess หรือ CDN ผ่าน Smush CDN
- คลิก "Convert to WebP" Smush จะแปลงรูปที่มีอยู่ทั้งหมด
โฮสติ้งที่ใช้ DirectAdmin เช่นของ AsiaGB รองรับ mod_rewrite ซึ่ง Smush ใช้เพื่อ Serve WebP ได้โดยตรง ไม่ต้องปรับ Server config เพิ่มเติม
Directory Smush — บีบอัดรูปนอก Media Library
Directory Smush เป็นฟีเจอร์ใน Smush Pro ที่ช่วยบีบอัดรูปภาพที่อยู่นอก WordPress Media Library เช่น รูปที่อัปโหลดผ่าน FTP ไปยัง folder พิเศษ, รูปใน Theme folder, หรือรูปที่ Plugin บางตัวสร้างขึ้นในตำแหน่งที่กำหนดเอง
วิธีใช้: ไปที่ Smush → Directory Smush แล้วเพิ่ม Path ของ Folder ที่ต้องการ Smush จะ Scan หาไฟล์รูปภาพทั้งหมดในโฟลเดอร์นั้นและ Subdirectory และแสดงรายการพร้อมขนาดก่อนและหลัง Optimize ฟีเจอร์นี้มีประโยชน์มากสำหรับเว็บที่ใช้ Page Builder เช่น Elementor หรือ Divi ที่บางครั้งเก็บรูปในตำแหน่งพิเศษ
CDN Smush (Smush Pro) — ส่งรูปผ่าน CDN เพิ่มความเร็ว
Smush Pro มาพร้อม CDN (Content Delivery Network) ที่ใช้ Bunny.net infrastructure ให้บริการผ่าน WPMU DEV CDN ซึ่งมีจุด POP กว่า 40 จุดทั่วโลก เมื่อเปิดใช้งาน รูปภาพทั้งหมดบนเว็บจะถูก Serve จาก CDN Server ที่ใกล้ที่สุดกับ Visitor แทนที่จะโหลดจาก Origin Server ของโฮสติ้งคุณ
ประโยชน์ของ CDN Smush ได้แก่ ลด Server Load, ลด Bandwidth ที่ใช้บน Hosting, เพิ่มความเร็วโหลดสำหรับผู้เข้าชมที่อยู่ต่างประเทศ และยังมีความสามารถ On-the-fly Resize ที่ให้ส่งรูปขนาดที่เหมาะสมกับ Device ของ Visitor แต่ละคนโดยอัตโนมัติ
Smush Pro CDN Features
PRO ONLY- Serve รูปจาก CDN 40+ จุดทั่วโลก
- Auto Resize ตาม Device และ Viewport อัตโนมัติ
- WebP Conversion ผ่าน CDN ไม่ต้องใช้ .htaccess
- ไม่จำกัด Bandwidth สำหรับ WPMU DEV Members
Smush vs ShortPixel vs Imagify — ตารางเปรียบเทียบ 2026
ปลั๊กอิน Image Optimization มีหลายตัวในตลาด แต่ละตัวมีจุดแข็งและข้อจำกัดต่างกัน ตารางด้านล่างเปรียบเทียบฟีเจอร์หลักของ Smush, ShortPixel และ Imagify
| ฟีเจอร์ | Smush (Free) | Smush Pro | ShortPixel | Imagify |
|---|---|---|---|---|
| Lossless Compression | ✓ | ✓ | ✓ | ✓ |
| Lossy Compression | ✗ | ✓ | ✓ | ✓ |
| WebP Conversion | ✗ | ✓ | ✓ | ✓ |
| AVIF Conversion | ✗ | ✗ | ✓ | ✗ |
| Lazy Load | ✓ | ✓ | ✗ | ✗ |
| CDN Built-in | ✗ | ✓ | Add-on | ✗ |
| Directory Smush | ✗ | ✓ | ✓ | ✗ |
| ราคาเริ่มต้น | ฟรี | $7.50/เดือน | $3.99/เดือน | $4.99/เดือน |
| Restore Original | ✓ | ✓ | ✓ | ✓ |
Smush ฟรีเหมาะที่สุดสำหรับเว็บที่ต้องการ Lazy Load และ Lossless Compression พื้นฐาน หากต้องการ WebP และ Lossy Compression ShortPixel อาจคุ้มค่ากว่าในราคา เนื่องจากคิดค่าบริการตาม Credits (จำนวนรูปที่ Process) ไม่ใช่รายเดือน ส่วน Smush Pro เหมาะกับผู้ที่ใช้ WPMU DEV ecosystem และต้องการ CDN ในตัว
Tips เพิ่ม Lighthouse Image Score ให้สูงขึ้น
การใช้ Smush เพียงอย่างเดียวอาจยังไม่เพียงพอหากต้องการ Lighthouse Performance Score สูง ลอง Combine กับเทคนิคเหล่านี้
- ระบุ Width/Height ทุกรูป: ป้องกัน Cumulative Layout Shift (CLS) ซึ่งเป็นหนึ่งใน Core Web Vitals
- ใช้ Preload สำหรับ Hero Image: เพิ่ม
<link rel="preload">สำหรับรูปภาพสำคัญที่อยู่ Above the Fold - ลดจำนวน Image Sizes: ลบ Image Size ที่ไม่ใช้ออกด้วย Plugin เช่น Cleanup Optimized Images
- ใช้ Properly Sized Images: อย่าแสดงรูป 2000px บน Column ที่กว้างแค่ 400px ให้ Resize ก่อน
- ใช้ AVIF สำหรับ Chrome: หากโฮสติ้งรองรับ ลอง ShortPixel ที่รองรับ AVIF ซึ่งเล็กกว่า WebP ได้อีก 20-30%
- Enable Responsive Images: WordPress มีในตัวอยู่แล้ว ตรวจสอบว่า Theme ไม่ได้ Override srcset
Troubleshooting: Smush ช้า, WebP ไม่แสดง, รูปเบลอหลัง Compress
Bulk Smush ช้าหรือหยุดกลางทาง
ปัญหานี้มักเกิดจาก PHP Time Limit ที่ต่ำเกินไป ลองเพิ่ม max_execution_time ใน PHP Settings ของ DirectAdmin หรือติดต่อ Support ของโฮสติ้ง นอกจากนี้ Smush Pro สามารถ Resume จากจุดที่ค้างได้โดยอัตโนมัติ
WebP ไม่แสดงใน Browser
ตรวจสอบว่า .htaccess มี Rewrite Rules ของ Smush ครบถ้วน ไปที่ Smush → WebP Conversion → Recheck Status หาก Status แสดง Error ให้ลองกด "Configure Manually" แล้ว Copy Rewrite Rules ไปใส่ .htaccess ด้วยตนเอง
รูปเบลอหลัง Compress
หากรูปดูเบลอมากผิดปกติหลัง Smush ให้ลองเปลี่ยนจาก Lossy เป็น Lossless แล้วคลิก "Restore Original" แล้ว Smush ใหม่ด้วย Lossless mode Smush เก็บไฟล์ต้นฉบับไว้ให้ Restore ได้เสมอ