พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล (PDPA) ที่มีผลบังคับใช้เต็มรูปแบบในไทยตั้งแต่ปี 2022 ทำให้แนวคิดการเก็บข้อมูลผู้ใช้ให้น้อยที่สุดเท่าที่จำเป็นเป็นเรื่องสำคัญขึ้น — และการสร้างภาพตัวแทนโดยตรงในเบราว์เซอร์โดยไม่ต้องเรียกข้อมูลจากเซิร์ฟเวอร์ภายนอกก็สอดคล้องกับแนวคิดนี้ตั้งแต่ขั้นตอนการพัฒนาเว็บไซต์แล้ว
เหตุใดจึงต้องใช้ภาพตัวแทน
ภาพตัวแทนที่มีสัดส่วนกำหนดไว้ช่วยให้เห็นได้ทันทีว่าเนื้อหาจะจัดวางรอบภาพขนาดที่ต้องการอย่างไร โดยไม่ต้องรอกราฟิกสุดท้ายจากดีไซเนอร์หรือช่างภาพ วิธีนี้ช่วยเร่งการพัฒนาและทำให้สามารถทำงานด้านเลย์เอาต์และเนื้อหาไปพร้อมกันได้
บทบาทเดียวกับ lorem ipsum แต่สำหรับรูปภาพ
ภาพตัวแทนทำหน้าที่ให้กับเลย์เอาต์เช่นเดียวกับที่ข้อความ lorem ipsum ทำหน้าที่ให้กับย่อหน้า นั่นคือบอกว่าตอนนี้ยังไม่ต้องตัดสินที่เนื้อหา แต่ให้ดูที่รูปทรง ทั้งสองเครื่องมือแก้ปัญหาเดียวกัน คือเติมองค์ประกอบให้เต็มเพื่อประเมินสัดส่วนและลำดับความสำคัญ โดยไม่ให้องค์ประกอบที่ยังไม่เสร็จมาดึงความสนใจออกจากสิ่งที่กำลังทดสอบจริง ๆ
การทดสอบการแสดงผลแบบ responsive โดยไม่ต้องใช้ภาพจริง
ภาพตัวแทนที่มีขนาดและสัดส่วนต่างกันช่วยตรวจสอบว่าเลย์เอาต์แสดงผลอย่างไรบนหน้าจอขนาดต่าง ๆ — เลย์เอาต์เพี้ยนหรือไม่เมื่อภาพเป็นสี่เหลี่ยมจัตุรัสแทนที่จะเป็นแนวนอน หรือการครอบตัด (crop) ทำงานถูกต้องหรือไม่เมื่อขนาดหน้าต่างเปลี่ยน
เหตุใดจึงจำเป็น
- เติมเลย์เอาต์ด้วยภาพขนาดที่ต้องการอย่างรวดเร็วก่อนที่กราฟิกจริงจะพร้อม
- ตรวจสอบการแสดงผลแบบ responsive ของเลย์เอาต์ด้วยภาพที่มีสัดส่วนต่างกัน
- แสดงโครงสร้างของหน้าเว็บให้ลูกค้าหรือทีมดูโดยไม่ต้องรอเนื้อหาสุดท้าย
รูปแบบของภาพตัวแทน: SVG เทียบกับภาพแบบราสเตอร์
ภาพตัวแทนสามารถสร้างเป็นภาพแบบราสเตอร์ (PNG, JPEG) หรือเป็น SVG ซึ่งเป็นรูปแบบเวกเตอร์ที่ปรับขนาดได้โดยไม่สูญเสียคุณภาพ ภาพตัวแทนแบบ SVG มักมีขนาดเพียงไม่กี่กิโลไบต์ไม่ว่าจะกำหนดขนาดเท่าใดก็ตาม เพราะมันอธิบายรูปทรงเรขาคณิตและข้อความแทนที่จะเก็บข้อมูลพิกเซล รูปแบบราสเตอร์มีประโยชน์มากกว่าเมื่อต้องจำลองขนาดไฟล์ของภาพจริงในอนาคตให้ใกล้เคียง เพื่อทดสอบประสิทธิภาพการโหลดหน้าเว็บ