รูปภาพ Placeholder

ใช้ในการพัฒนาเว็บเพื่อตรวจสอบเลย์เอาต์ Wireframe Prototype และ Mockup ก่อนที่จะมีภาพจริง

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

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

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