Skip to content

รูปหาย!! จู่ๆ รูปก็หายไป ถ้ารูปภาพบนเว็บไซต์ WordPress ไม่แสดงขึ้นมา เราควรรีบดำเนินการแก้ไขอย่างรวดเร็ว เนื่องจากรูปภาพของเว็บเป็นส่วนสำคัญ ปัญหานี้อาจสร้างความไม่ประทับใจให้แก่ผู้เยี่ยมชมเว็บ

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

วิธีต่อไปนี้จะช่วยแก้ไขปัญหารูปภาพไม่แสดงบนเว็บครับ

1. ลองรีเฟรชเบราว์เซอร์ดูก่อน

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

กด Ctrl+F5 ในระบบ Windows หรือ Cmd + Shift + R ในระบบ Mac

ถ้าภาพโหลดได้ปกติ ก็เกิดจากแคชของเว็บบราวเซอร์ครับ

2. เคลียแคชของปลั๊กอินแคชระบบ

ปลั๊กอินแคชของ WordPress มีหลายตัวเลยครับ เช่น WP Rocket, WP Super Cache ฯลฯ ปลั๊กอินประเภทนี้จะเก็บแคชของเดิมเอาไว้เพื่อส่งไปยังผู้เยี่ยมชม เช่นเดียวกับแคชของเบราว์เซอร์ ซึ่งการแคชจะช่วยในการเร่งการโหลดหน้าเว็บ ทำให้ผู้ใช้ได้รับประสบการณ์ที่รวดเร็วยิ่งขึ้น แต่บางครั้งก็อาจทำให้เกิดปัญหาได้ การล้างแคชจะทำให้แคชกลับมาสู่ความว่างเปล่าและบังคับให้ปลั๊กอินทำการแคชทุกหน้าใหม่ ให้เราลองล้างแคชแล้วรีเฟรชหน้าเว็บดูอีกครั้งว่ารูปกลับมาหรือไม่

การล้างแคชหรือ Clear Cache ของแต่ละปลั๊กอินอาจจะต่างกันไป ให้เรามองหาดูที่เมนู Clear Cache เอาไว้ก่อนครับ

3. เช็ค Path ของรุปภาพว่าถูกต้องหรือไม่

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

หากภาพนั้น Path ถูกต้องอยู่แล้ว ก็ถือว่า URL โอเคแล้วครับ

4. ตรงดูไฟล์ใน Media Library

เพื่อความชัวร์ให้เช็คในหลังบ้านที่เมนู Media Library ด้วยครับ ดูว่าไฟล์รูปโหลดมาแสดงได้ครบถ้วนถูกต้องหรือไม่ ถ้าไม่เจอภาพที่เราต้องการดูก็ให้พิมพ์ในช่องค้นหาดู รูปไหนไม่มีภาพให้คลิกที่ภาพนั้นๆ แล้วดู Path ว่าอยู่ที่โฟลเดอร์ “wp-content/uploads/ปีที่อัพโหลด” หรือไม่

5. ลองเช็คทั้งหน้าจอคอมพิวเตอร์และหน้าจอมือถือ

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

6. ปัญหา Lazy Loading

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

การปิดการทำงานของ Lazy Loading function.php โดยการไปที่เมนู Appearance > Theme File Editor เลือกไฟล์ function.php ให้เราเพิ่มบรรทัดโค้ดนี้ลงในไฟล์

add_filter( ‘wp_lazy_loading_enabled’, ‘__return_false’ );

7. เช็คเรื่องการบีบอัดไฟล์ภาพ

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

สรุป

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

Back To Top
Search