รูปภาพตัวอย่าง
เครื่องมือสร้างภาพ Placeholder นี้สร้างไฟล์ PNG ได้ทุกความกว้างและความสูง พร้อมสีพื้นหลัง สีตัวอักษร และข้อความที่คุณกำหนด (ค่าเริ่มต้นคือ “กว้าง×สูง”) รวมถึงแท็ก img ที่พร้อมใช้งาน
เกี่ยวกับเครื่องมือนี้
เครื่องมือสร้างภาพ Placeholder นี้สร้างไฟล์ PNG ได้ทุกความกว้างและความสูง พร้อมสีพื้นหลัง สีตัวอักษร และข้อความที่คุณกำหนด (ค่าเริ่มต้นคือ “กว้าง×สูง”) รวมถึงแท็ก img ที่พร้อมใช้งาน
วิธีใช้
- ใส่ความกว้างและความสูงเป็นพิกเซล
- เลือกสีพื้นหลังและสีตัวอักษร
- พิมพ์ข้อความที่ต้องการเพิ่มเติม (ไม่บังคับ)
- ดาวน์โหลด 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 ใดๆ