Softonic

แกลเลอรี Lorem Picsum

ขั้นตอน 1 / 2
ถัดไป

Lorem Picsum ให้บริการรูปภาพปลอดค่าลิขสิทธิ์ผ่าน URL API ที่ใช้งานง่าย, https://picsum.photos/{width}/{height} จะคืนค่ารูปภาพในขนาดใดก็ได้ แกลเลอรีนี้ให้คุณกำหนดความกว้าง ความสูง ค่า seed รัศมีเบลอ และโทนสีเทา จากนั้นคัดลอก URL ที่พร้อมวาง (หรือแท็ก <img>) ได้ทันที เพื่อให้คุณนำรูปภาพตัวแทนไปวางใน Figma มุมมอง Blade หรือคอมโพเนนต์ React ได้โดยตรง โดยไม่ต้องเสียเวลาค้นหาภาพสต็อก

วิธีใช้งานแกลเลอรี

  1. 1

    กำหนดขนาดของรูปภาพ

    ความกว้างและความสูงเป็นพิกเซล ขนาดที่ใช้บ่อย เช่น 800×600 หรือ 1200×630 มีให้เลือกเป็นค่าพรีเซ็ต

  2. 2

    เลือกตัวปรับแต่ง

    เบลอ (0–10) โทนสีเทา ค่า seed คงที่เพื่อให้ได้ภาพที่ทำซ้ำได้ รูปแบบไฟล์ WebP หรือ JPEG

  3. 3

    เลื่อนดูตารางตัวอย่าง

    ระบบจะโหลดตัวอย่างแบบสุ่มหลายภาพ คุณจึงเลือกภาพที่ชอบได้

  4. 4

    คัดลอก URL

    เลือกใช้ URL ธรรมดา แท็ก `<img>` แบบเต็ม หรือไวยากรณ์รูปภาพของ Markdown

โครงสร้างของ URL

เอนด์พอยต์พื้นฐาน:

https://picsum.photos/{width}/{height}

พร้อมส่วนของคำสั่งค้นหาและเส้นทางที่เลือกใช้ได้:

รูปแบบ ตัวอย่าง ผลลัพธ์
ทางลัดสำหรับรูปสี่เหลี่ยมจัตุรัส /200 → เหมือนกับ /200/200 รูปสี่เหลี่ยมจัตุรัส
seed คงที่ /seed/cat/400/300 คืนรูปภาพเดิมเสมอ
ID รูปภาพเฉพาะ /id/237/400/300 ตรึงไว้ที่รูปภาพหมายเลข 237 ในคอลเลกชัน
โทนสีเทา /400/300?grayscale ฟิลเตอร์ขาวดำ
เบลอ /400/300?blur=5 เบลอแบบเกาส์เซียน 1–10
รูปแบบไฟล์ /400/300.webp บังคับใช้รูปแบบไฟล์
สุ่มทุกครั้งที่โหลด ใช้แค่ URL รูปภาพใหม่ทุกครั้งที่รีเฟรช

เมื่อใดควรใช้เทียบกับภาพสต็อกจริง

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

เคล็ดลับ

  • ตรึงค่า seed เมื่อถ่ายภาพหน้าจอของงานออกแบบเพื่อทำเอกสาร มิฉะนั้นรูปภาพจะเปลี่ยนในครั้งถัดไปที่มีคนเปิดหน้านั้น
  • ปรับอัตราส่วนภาพให้ตรงกับสื่อชิ้นสุดท้ายของคุณ (16:9, 4:5, 1:1) เพื่อให้เลย์เอาต์ไม่กระโดดเมื่อสลับไปใช้ภาพจริง
  • ใช้เอฟเฟกต์เบลอเพื่อทดสอบการเปลี่ยนผ่านจากภาพตัวแทนไปเป็นภาพจริง (รูปแบบ LQIP), ผลลัพธ์เบลอของ Picsum เลียนแบบลักษณะของภาพตัวแทนคุณภาพต่ำ
  • ขอไฟล์ WebP เพื่อให้หน้าเว็บเบาลงระหว่างการพัฒนา

คำถามที่พบบ่อย

ในทางเทคนิค รูปภาพเหล่านี้อยู่ภายใต้สัญญาอนุญาตของ Unsplash แต่ไม่แนะนำให้ลิงก์ตรงไปยัง picsum.photos ในการใช้งานจริง, ควรใช้สำหรับการสร้างต้นแบบเท่านั้น และดาวน์โหลดไฟล์ (หรือไปที่แหล่งต้นฉบับบน Unsplash) เมื่อจะใช้งานจริง

หากไม่มีค่า seed หรือ ID ระบบ API จะคืนรูปภาพแบบสุ่มในทุกคำขอ ใช้ /seed/kham/... หรือ /id/123/... เพื่อตรึงรูปภาพไว้

Lorem Picsum เป็นบริการฟรีบน Cloudflare และมีการจำกัดอัตราการเรียกใช้ในระดับที่เหมาะสม สำหรับชุดทดสอบขนาดใหญ่หรือการทดสอบโหลด ให้ดาวน์โหลดสำเนาไว้ใช้งานแบบโลคัลแล้วให้บริการจากเซิร์ฟเวอร์ของคุณเอง

ได้, บริการนี้รองรับเฉพาะ HTTPS เท่านั้น URL ที่สร้างขึ้นทั้งหมดจะเริ่มต้นด้วย https://

เฉพาะภาพขนาดย่อสำหรับดูตัวอย่างเท่านั้น ซึ่งโหลดโดยตรงจาก picsum.photos ตัวแกลเลอรีนี้เองไม่ได้ส่งข้อมูลใด ๆ เกี่ยวกับขนาดหรือค่า seed ที่คุณเลือกไปยังบุคคลที่สาม

เครื่องมือที่เกี่ยวข้อง

ตารางอ้างอิง ASCII

ตาราง ASCII ครบตั้งแต่ 0 ถึง 127 พร้อมค่าเลขฐานสิบ ฐานสิบหก ฐานแปด ฐานสอง และรูปแบบการอ้างอิงอักขระแบบตัวเลขของ HTML รวม NUL, LF และ DEL

อ้างอิงตัวอักษร HTML

รายการที่สามารถค้นหาได้ขององค์ประกอบ HTML พร้อมรหัสชื่อและรหัสตัวเลข รวมถึงฟังก์ชันสำเนาด้วยคลิกเดียวสำหรับตัวอักษรพิเศษและสัญลักษณ์ต่างๆ

ตารางอ้างอิงแป้นพิมพ์ลัด

ค้นหาแป้นพิมพ์ลัดเริ่มต้นตามเอกสารของ VS Code, Chrome และ Bash ที่ใช้ GNU Readline บน macOS, Windows และ Linux

ตัวตรวจสอบอีเมล

ตรวจสอบที่อยู่อีเมล: ตรวจไวยากรณ์ RFC 5322 ค้นหา MX เรกคอร์ดแบบเรียลไทม์ พร้อมรายละเอียดส่วนท้องถิ่น โดเมน และความยาว ไม่มีการส่งอีเมลใด ๆ

เครื่องสร้างตัวอักษรสุ่ม

สร้างตัวอักษร A-Z แบบสุ่ม เลือกจำนวน ตัวพิมพ์ใหญ่ ตัวพิมพ์เล็ก หรือแบบผสม แล้วใช้กับเกม โจทย์ หรือกิจกรรมในห้องเรียน

ตัวลดรูปพีชคณิตบูลีน

ประเมินนิพจน์บูลีนสำหรับทุกชุดอินพุตและดูตารางค่าความจริงที่สมบูรณ์ รองรับตัวแปรสูงสุดห้าตัวและตัวดำเนินการ &, |, !, ^

เครื่องมือนี้มีให้บริการในภาษาอื่น