วิธีบีบอัดรูปภาพสำหรับ WordPress — เร่งความเร็วไซต์ของคุณใน 5 นาที

WordPress ทำให้การอัพโหลดภาพขนาดใหญ่เป็นเรื่องง่ายอย่างเป็นอันตราย คุณลากรูปภาพจากโทรศัพท์ของคุณลงในไลบรารีสื่อ WordPress จะสร้างภาพขนาดย่อสองสามขนาด และคุณแทรกรูปภาพลงในโพสต์ ปัญหา: โทรศัพท์ของคุณถ่ายที่ 12-48 ล้านพิกเซล โดยสร้างไฟล์ที่มีความกว้าง 4,000-8,000 พิกเซล และแต่ละไฟล์มีขนาด 3-8 MB WordPress อาจแสดงภาพนั้นด้วยความกว้าง 800 พิกเซลในโพสต์ของคุณ แต่ยังคงโหลดต้นฉบับขนาดเต็มอยู่เบื้องหลัง เว้นแต่ว่าธีมของคุณได้รับการกำหนดค่าอย่างถูกต้อง

คูณด้วยรูปภาพ 5-10 รูปในบล็อกโพสต์ทั่วไป เพิ่มรูปภาพส่วนหัว รูปภาพแถบด้านข้าง และรูปภาพพื้นหลังของธีมของคุณ เท่านี้คุณก็สามารถรับข้อมูลรูปภาพขนาด 20-40 MB ต่อหน้าได้อย่างง่ายดาย แม้จะใช้การเชื่อมต่อที่รวดเร็ว แต่ก็ใช้เวลาเพียง 2-4 วินาทีสำหรับรูปภาพเท่านั้น ในการเชื่อมต่อมือถือนั้นแย่กว่ามาก

ก่อนจะกังวลเรื่องการบีบอัด ควรเลือกขนาดให้ถูกต้องเสียก่อน ธีม WordPress ส่วนใหญ่มีพื้นที่เนื้อหากว้าง 700-1200 พิกเซล การอัปโหลดภาพถ่ายขนาดกว้าง 5,000 พิกเซลสำหรับคอนเทนเนอร์ขนาด 900 พิกเซลถือเป็นการสิ้นเปลืองเปล่าๆ ปรับขนาดภาพของคุณ เพื่อให้ตรงกับความกว้างของเนื้อหาธีมของคุณ สำหรับโพสต์บล็อกมาตรฐาน โดยปกติแล้วความกว้าง 1200 พิกเซลจะเป็นขนาดสูงสุดที่คุณต้องการ สำหรับรูปภาพหลักแบบเต็มความกว้าง 1920 พิกเซลก็เพียงพอสำหรับแทบทุกหน้าจอ

ภาพเด่น: 1200 x 630 พิกเซล (ซึ่งเหมาะอย่างยิ่งสำหรับการแชร์บนโซเชียลมีเดีย) รูปภาพโพสต์บล็อก: กว้าง 800-1200 พิกเซล ความสูงตามสัดส่วน แบนเนอร์แบบเต็มความกว้าง: 1920 x 600-800 พิกเซล ภาพขนาดย่อ: WordPress จะสร้างสิ่งเหล่านี้โดยอัตโนมัติ แต่คุณสามารถควบคุมขนาดได้ในการตั้งค่า > สื่อ การรับขนาดก่อนอัปโหลดมักจะลดขนาดไฟล์ลง 60-80% ก่อนที่จะใช้การบีบอัดใดๆ ด้วยซ้ำ

ผู้ใช้ WordPress จำนวนมากใช้ปลั๊กอินเช่น Smush หรือ ShortPixel เพื่อบีบอัดรูปภาพหลังจากอัปโหลด ใช้งานได้ แต่เพิ่มภาระเซิร์ฟเวอร์ บางครั้งต้องใช้แผนการชำระเงินสำหรับไลบรารีขนาดใหญ่ และคุณยังคงอัปโหลดต้นฉบับขนาดใหญ่ก่อน แนวทางที่ดีกว่า: บีบอัดภาพของคุณก่อนที่จะอัปโหลด ถึงเวิร์ดเพรส ปรับขนาดเป็นขนาดที่ถูกต้อง บีบอัดที่คุณภาพ 75-85% และรูปถ่ายในโทรศัพท์ขนาด 6 MB ของคุณจะกลายเป็นรูปภาพขนาด 150 KB ที่พร้อมใช้งานบนเว็บ อัปโหลดโดยตรง

หากคุณมีโพสต์ที่มีรูปภาพที่ไม่ได้เพิ่มประสิทธิภาพอยู่แล้ว ปลั๊กอินสามารถช่วยเพิ่มประสิทธิภาพจำนวนมากได้ แต่สำหรับโพสต์ใหม่ทุกๆ โพสต์ต่อๆ ไป ให้บีบอัดก่อนอัปโหลด เร็วกว่า ช่วยให้คุณควบคุมคุณภาพได้มากขึ้น และไม่ขึ้นอยู่กับปลั๊กอินที่ใช้งานอยู่

WordPress รองรับการอัปโหลด WebP ตั้งแต่เวอร์ชัน 5.8 และมีการเพิ่มการรองรับ AVIF ใน WordPress 6.5 รูปภาพ WebP มีขนาดเล็กกว่า JPEG ที่เทียบเท่าประมาณ 30% ซึ่งหมายความว่ารูปภาพทุกรูปในเว็บไซต์ของคุณโหลดเร็วขึ้นโดยไม่มีความแตกต่างด้านคุณภาพที่มองเห็นได้ แปลงรูปภาพของคุณเป็น WebP ก่อนที่จะอัปโหลด หรือใช้ปลั๊กอินที่ให้บริการเวอร์ชัน WebP โดยอัตโนมัติกับเบราว์เซอร์ที่รองรับ (ซึ่งเป็นเบราว์เซอร์สมัยใหม่ทั้งหมดในปี 2026)

WordPress 5.5+ เพิ่มการโหลดแบบ Lazy Loading ให้กับรูปภาพโดยอัตโนมัติ ซึ่งหมายความว่ารูปภาพที่อยู่ครึ่งหน้าล่างจะไม่โหลดจนกว่าผู้เยี่ยมชมจะเลื่อนเข้ามาใกล้ นี่เป็นการปรับปรุงครั้งใหญ่สำหรับเพจที่มีรูปภาพจำนวนมาก — การโหลดหน้าเริ่มต้นจะต้องดึงรูปภาพที่มองเห็นบนหน้าจอเท่านั้น ตรวจสอบให้แน่ใจว่าธีมของคุณไม่ได้ปิดการใช้งานคุณสมบัตินี้ คุณสามารถตรวจสอบได้โดยการตรวจสอบแหล่งที่มาของหน้าของคุณและค้นหา กำลังโหลด = "ขี้เกียจ" คุณลักษณะบนแท็ก img ของคุณ

WordPress ยังสร้างมาร์กอัปรูปภาพแบบตอบสนองโดยใช้แอตทริบิวต์ srcset ซึ่งให้บริการขนาดรูปภาพที่แตกต่างกันตามหน้าจอของผู้เยี่ยมชม ซึ่งหมายความว่าผู้เยี่ยมชมทางมือถือจะได้รับไฟล์รูปภาพที่เล็กกว่าผู้เยี่ยมชมบนเดสก์ท็อป แต่จะใช้งานได้ดีหากคุณอัปโหลดภาพที่ขนาดเริ่มต้นที่เหมาะสมเท่านั้น WordPress สามารถให้บริการรูปภาพขนาด 1200px ในเวอร์ชันที่เล็กกว่าได้ แต่ไม่สามารถให้บริการรูปภาพขนาด 400px ในเวอร์ชันที่เล็กกว่าได้ ตั้งเป้าไว้ที่ความกว้าง 1200-1920 พิกเซลตามขนาดที่คุณอัปโหลด และปล่อยให้ WordPress จัดการส่วนที่เหลือ

เวอร์ชันห้านาที: ปรับขนาดรูปภาพเป็นความกว้าง 1200px บีบอัดที่คุณภาพ 80% ในรูปแบบ WebP อัปโหลดไปยัง WordPress และตรวจสอบให้แน่ใจว่าเปิดใช้งานการโหลดแบบ Lazy Loading แล้ว ทำสิ่งนี้กับโพสต์บล็อกห้ารายการถัดไปของคุณ จากนั้นตรวจสอบคะแนน Google PageSpeed ​​Insights ของคุณ การปรับปรุงมักจะน่าทึ่ง - เรากำลังพูดถึงคะแนนประสิทธิภาพมือถือที่เพิ่มขึ้น 20-40 คะแนนจากการปรับแต่งภาพเพียงอย่างเดียว