มาดูการเรียกใช้ API สำหรับแสดงภาพประกอบในการทำ mockup แบบฟรีๆกัน
ปกติเวลาที่นักพัฒนาทำเว็บตัวอย่างสำหรับงาน web application เรามักจะต้องมีการใช้รูปตัวอย่างในการวางโครงร่างของเว็บเพื่อให้เห็นภาพใหญ่ของเว็บก่อน ซึ่งหากเป็นเนื้อหาที่เป็นตัวอักษร เรามักจะใช้เครื่องมือที่เรียกว่า Lorem Ipsum มาใช้
ในกรณีที่เราต้องการใส่เนื้อหาที่เป็นรูปภาพ เราก็สามารถใช้เครื่องมือที่ทำงานคล้ายๆกัน แต่ให้เนื้อหาเป็นรูปภาพออกมา โดยวันนี้จะแนะนำเครื่องมือที่ชื่อ Lorem Picsum
วิธีใช้งาน Lorem Picsum
วิธีใช้งานก็ง่ายมาก ดังนี้
กรณีที่เราต้องการรูปอะไรก็ได้ ขนาด 300x200 ก็ใช้ url ดังนี้
https://picsum.photos/300/200
ถ้าต้องการรูปที่เป็นสี่เหลี่ยมจัตุรัส ก็ให้กำหนดขนาดเพียงค่าเดียว
https://picsum.photos/300
หรือกรณีที่ต้องการระบุภาพไปเลย ก็ให้กำหนด id ของภาพใน url ด้วย
เช่น ต้องการภาพที่มี id 237 ขนาด 300x200 ก็ให้ใช้ url ดังนี้
https://picsum.photos/id/237/300/200
ถ้าต้องการดู list ภาพทั้งหมดตาม id สามารถดูได้ที่ https://picsum.photos/images
Lorem Picsum ยังมีลูกเล่นอะไรให้ใช้ได้อีกหลายอย่าง เช่น การกำหนดภาพให้เป็นรูป Grey Scale หรือภาพเบลอ ฯลฯ สามารถเข้าไปอ่านรายละเอียดได้โดยตรงที่เว็บของเขาครับ
