วิธีแก้รูปภาพไม่แสดงใน WordPress

หากรูปภาพไม่แสดงบนเว็บไซต์ WordPress ทั้งที่อัปโหลดแล้ว อาจเกิดจาก URL รูปภาพไม่ถูกต้อง ไฟล์หายหรือย้ายตำแหน่ง สิทธิ์การเข้าถึงไม่เหมาะสม แคชแสดงข้อมูลเก่า หรือระบบ CDN และปลั๊กอินปรับแต่งภาพทำงานผิดพลาด

ให้ตรวจว่ารูปภาพหายเฉพาะบางหน้า หรือหายทั้งเว็บไซต์ และลองเปิด URL ของภาพโดยตรงก่อนแก้ไข ComSiam แนะนำให้สำรองข้อมูลก่อนย้ายไฟล์หรือเปลี่ยนการตั้งค่าของเว็บไซต์

❶ ตรวจ URL ของรูปภาพ

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

หากเว็บไซต์เพิ่งย้ายโดเมนหรือโฮสต์ URL ของภาพอาจยังอ้างถึงตำแหน่งเดิม ตรวจแหล่งที่มาของรูปภาพในหน้าแก้ไขบทความ แล้วเลือกภาพจากคลังสื่อหรือแก้ URL ให้ตรงกับที่อยู่ปัจจุบัน

❷ ตรวจว่ารูปภาพยังอยู่ในคลังสื่อ

เข้าเมนู สื่อ → คลังสื่อ แล้วค้นหารูปภาพที่ไม่แสดง หากไม่พบ อาจมีการลบหรือย้ายไฟล์ออกจากโฟลเดอร์เว็บไซต์

หากเพิ่งย้ายโฮสต์หรือกู้คืนเว็บไซต์ ให้ตรวจว่ามีการย้ายไฟล์สื่อครบถ้วนและโฟลเดอร์อัปโหลดอยู่ในตำแหน่งที่ WordPress ใช้งานได้หรือไม่ อย่าอัปโหลดทับหรือย้ายไฟล์จำนวนมากโดยไม่มีสำเนาสำรอง

❸ ตรวจการตั้งค่ารูปภาพในบทความหรือธีม

เปิดหน้าแก้ไขบทความหรือหน้าเพจ แล้วตรวจว่าบล็อกรูปภาพยังเลือกไฟล์ที่ถูกต้องอยู่ หากภาพหายเฉพาะบางส่วนของเว็บไซต์ ให้ตรวจการตั้งค่าธีม วิดเจ็ต หรือส่วนที่สร้างด้วยเครื่องมือออกแบบหน้าเว็บด้วย

ลองเปิดหน้าเดียวกันในอุปกรณ์หรือเบราว์เซอร์อื่น หากแสดงต่างกัน อาจเกี่ยวข้องกับแคชหรือการตั้งค่าการโหลดภาพของธีม

❹ ล้างแคชและตรวจ CDN

ล้างแคชจากปลั๊กอินแคช โฮสติ้ง และ CDN ที่ใช้งาน แล้วเปิดเว็บไซต์ด้วยหน้าต่างไม่ระบุตัวตน หากเพิ่งเปลี่ยน URL รูปภาพหรือย้ายโฮสต์ ระบบแคชอาจยังเก็บเส้นทางเดิมไว้

หากเปิด URL ภาพโดยตรงไม่ได้เฉพาะเมื่อผ่าน CDN ให้ตรวจสถานะและการตั้งค่าของ CDN หรือขอให้ผู้ให้บริการตรวจสอบไฟล์จากเซิร์ฟเวอร์ต้นทาง

❺ ตรวจสิทธิ์ไฟล์และการป้องกัน Hotlink

หาก URL ของภาพเปิดไม่ได้แม้ไฟล์ยังอยู่ อาจมีปัญหาสิทธิ์ไฟล์หรือกฎป้องกัน Hotlink ที่จำกัดการเรียกดูรูปภาพจากหน้าเว็บไซต์ ตรวจการตั้งค่าความปลอดภัยของโฮสติ้งและ CDN

หากปัญหาเริ่มหลังย้ายเว็บไซต์ ให้ขอให้โฮสติ้งตรวจเจ้าของไฟล์และสิทธิ์ของโฟลเดอร์สื่อ อย่าปรับสิทธิ์ทุกไฟล์เป็นค่าเดียวกันโดยไม่ทราบผลกระทบ

❻ ตรวจการเชื่อมต่อ HTTP และ HTTPS

หากเว็บไซต์ใช้ HTTPS แต่ URL ของภาพยังขึ้นต้นด้วย HTTP เบราว์เซอร์บางตัวอาจเตือนหรือไม่โหลดภาพ ตรวจว่า URL ของภาพใช้รูปแบบเดียวกับเว็บไซต์ และตั้งค่าที่อยู่เว็บไซต์กับ WordPress ให้ถูกต้อง

หากเพิ่งเปลี่ยนใบรับรอง SSL หรือย้ายโดเมน ให้ตรวจการตั้งค่า HTTPS และการเปลี่ยนเส้นทางกับโฮสติ้งก่อนแก้ URL ของภาพจำนวนมาก

❼ ตรวจปลั๊กอินปรับแต่งภาพและการโหลดแบบ Lazy Load

ปลั๊กอินบีบอัดภาพ ปรับขนาดภาพ หรือโหลดภาพแบบ Lazy Load อาจทำให้ภาพไม่แสดง หากปัญหาเริ่มหลังติดตั้งหรืออัปเดตปลั๊กอิน ให้ปิดฟังก์ชันที่เกี่ยวข้องชั่วคราวแล้วทดสอบหน้าเดิม

ทดสอบทีละรายการเพื่อดูว่าภาพกลับมาแสดงเมื่อใด หากยังไม่พบสาเหตุ ให้ตรวจ Error Log หรือขอให้ผู้ดูแลเว็บไซต์ช่วยตรวจการตั้งค่าของธีมและปลั๊กอิน ComSiam แนะนำให้ทดสอบทั้งหน้าเว็บและ URL ภาพโดยตรงหลังแก้ไข

สรุป

เมื่อรูปภาพไม่แสดงใน WordPress ให้ตรวจ URL และไฟล์ในคลังสื่อก่อน จากนั้นตรวจบล็อกรูปภาพ แคช CDN สิทธิ์ไฟล์ HTTPS และปลั๊กอินที่จัดการภาพ หากปัญหาเกิดหลังย้ายเว็บไซต์ ให้ตรวจว่าไฟล์สื่อและเส้นทางถูกย้ายครบหรือไม่ สำรองข้อมูลก่อนแก้ไฟล์จำนวนมาก ComSiam แนะนำให้ทดสอบ URL ภาพโดยตรงและหน้าเว็บหลังปรับแต่ละจุด