เกี่ยวกับเครื่องมือนี้

เครื่องมือสร้างภาพ Placeholder นี้สร้างไฟล์ PNG ได้ทุกความกว้างและความสูง พร้อมสีพื้นหลัง สีตัวอักษร และข้อความที่คุณกำหนด (ค่าเริ่มต้นคือ “กว้าง×สูง”) รวมถึงแท็ก img ที่พร้อมใช้งาน

วิธีใช้

  1. ใส่ความกว้างและความสูงเป็นพิกเซล
  2. เลือกสีพื้นหลังและสีตัวอักษร
  3. พิมพ์ข้อความที่ต้องการเพิ่มเติม (ไม่บังคับ)
  4. ดาวน์โหลด PNG หรือคัดลอกแท็ก img

ข้อควรรู้

  • ภาพถูกวาดด้วย Canvas API ตามขนาดพิกเซลเต็ม และบันทึกเป็น PNG
  • เส้นไกด์แนวทแยงและข้อความตรงกลางช่วยให้มองเห็น placeholder ใน mockup ได้ง่าย
  • การกำหนด attribute width และ height ในแท็ก img ช่วยจองพื้นที่และป้องกัน layout shift
  • placeholder ที่สร้างในเครื่องช่วยให้ไม่ต้องพึ่งบริการ placeholder ภายนอกระหว่างพัฒนา

ทำงานในเบราว์เซอร์ของคุณทั้งหมด — ข้อมูลที่คุณป้อนจะไม่ถูกอัปโหลดหรือจัดเก็บ

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

สร้างภาพ placeholder ได้อย่างไร?

ใส่ขนาดและสีที่ต้องการแล้วคลิก Download PNG ไฟล์จะถูกสร้างบนอุปกรณ์ของคุณทันที

ควรใช้ placeholder ขนาดเท่าไร?

ใช้ขนาดเดียวกับภาพจริง เช่น 1200 × 630 สำหรับภาพพรีวิวบนโซเชียล หรือ 1920 × 1080 สำหรับภาพ hero เพื่อให้เลย์เอาต์แม่นยำ

เปลี่ยนข้อความบน placeholder ได้ไหม?

ได้ พิมพ์ข้อความอะไรก็ได้ ถ้าเว้นว่างไว้ ภาพจะแสดงขนาดของภาพแทน

ต้องใช้อินเทอร์เน็ตหรือบริการภายนอกไหม?

ไม่ต้อง ภาพถูกสร้างในเบราว์เซอร์ของคุณ โดยไม่มีการเรียกใช้บริการ placeholder ใดๆ