เรียกใช้ Mockup Image ง่าย ๆ ด้วยบริการจาก placehold.it

เช้าวันนี้มีงานออกแบบเว็บไซต์ Online Shelf วิทยานิพนธ์และงานวิจัย ซึ่งเป็นเว็บที่นำเสนอ E-Book เกี่ยวกับวิทยานิพนธ์และงานวิจัยที่ห้องสมุดมีสิทธิ์ในการเผยแพร่ในรูปแบบชั้นหนังสือออนไลน์ (ใช้บริการ FlipHTML5 เป็นเครื่องมือสร้างเอกสารและชั้นเสมือนจริง) 

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

สำหรับข้อความสมมติที่มักนิยมใช้กันนั้น เชื่อว่าหลาย ๆ คนคงรู้จัก "LOREM IPSUM" กันดีอยู่แล้ว เดี๋ยวนี้มีภาษาไทยด้วยนะ (http://th.lipsum.com/) แต่ถ้าเป็นรูปภาพสมมติละ แน่นอนว่ามีหลาย ๆ เว็บไซต์ให้บริการรูปภาพสมมติสำหรับใช้ทำ Mockup Design มากมาย วันนี้ขอแนะนำเว็บ placehold.it ที่มีความสามารถในการ generate ภาพสมมติตามขนาดที่เราต้องการ ด้วยการระบุความกว้างxยาว ต่อท้าย URL ลงไปง่าย ๆ เราก็จะได้ภาพตามขนาดที่ต้องการมาใช้งานทันที

คำสั่งที่ใช้ในการสร้างรูปภาพสมมติขึ้นนั้นมีรูปแบบคือ

http://placehold.it/350x150

350 คือขนาดความกว้าง 150 คือขนาดความยาว อยากได้รูปขนาดเท่าไหร่มาใช้งานก็สามารถระบุลงไปได้เลย แล้วเรียก URL ดังกล่าวผ่านทาง Web Browser ก็จะปรากฏรูปภาพสมมติตามขนาดที่เรียกไปขึ้นมา เราสามารถบันทึกภาพมาใช้งานในเว็บของเราได้ หรือจะใช้ URL อ้างอิงภาพก็ได้เช่นเดียวกันในลักษณะ

<img src="http://placehold.it/350x150">

ผู้ที่ทำงานเว็บและกราฟฟิกลองใช้บริการ placehold.it กันดูนะครับ สะดวกจริง ๆ 

ตัวอย่างการใช้รูปสมมติจาก placehold.it ในการออกแบบเว็บไซต์ Online Shelf วิทยานิพนธ์และงานวิจัย