เครื่องสร้างรูปภาพตัวอย่าง (Placeholder)
สร้างรูปภาพตัวอย่างได้ทุกขนาด สี และรูปแบบ — PNG, JPEG, WebP หรือ SVG — แล้วดาวน์โหลดหรือคัดลอกเป็น data URI ฟรี ในเบราว์เซอร์ของคุณ
กำหนดขนาด สี และป้ายกำกับ — ภาพตัวอย่างจะอัปเดตแบบเรียลไทม์ ดาวน์โหลดหรือคัดลอก data URI / โค้ด SVG สำหรับม็อกอัปของคุณ
ขนาด
สไตล์
รูปแบบไฟล์
ตัวอย่างแบบเรียลไทม์ — แสดงย่อให้พอดี ส่วนไฟล์ที่ดาวน์โหลดจะใช้ขนาดพิกเซลจริง
Data URI ฝังรูปภาพลงใน HTML/CSS โดยตรง — สะดวกสำหรับม็อกอัปด่วนโดยไม่ต้องโฮสต์ไฟล์
เกี่ยวกับ เครื่องสร้างรูปภาพตัวอย่าง (Placeholder)
เครื่องมือสร้างภาพ Placeholder ช่วยสร้างภาพจำลองสำหรับงานม็อกอัพ ไวร์เฟรม และงานพัฒนา กำหนดความกว้างและความสูงได้ตามใจ หรือเลือกขนาดที่ตั้งไว้ล่วงหน้า เลือกสีพื้นหลังและสีข้อความ เพิ่มป้ายข้อความเอง หรือให้เครื่องมือแสดงขนาดภาพให้อัตโนมัติ พร้อมพรีวิวที่อัปเดตทันทีทุกครั้งที่ปรับตัวเลือก
คุณสามารถส่งออกภาพ Placeholder เป็น PNG, JPEG, WebP หรือ SVG พร้อมแถบปรับคุณภาพสำหรับฟอร์แมตแบบ lossy แทนที่จะดาวน์โหลดไฟล์ คุณยังสามารถคัดลอกภาพเป็น data URI หรือคัดลอกโค้ด SVG ดิบได้ด้วย เหมาะมากสำหรับฝังภาพ Placeholder ลงใน HTML หรือ CSS โดยตรงโดยไม่ต้องอัปโหลดที่ใดเลย
ทุกอย่างถูกวาดบนแคนวาสในเบราว์เซอร์ของคุณ ไม่มีขั้นตอนการอัปโหลดใดๆ เลย เครื่องมือนี้จึงทำงานได้ทันทีและไม่ส่งข้อมูลใดๆ ไปยังเซิร์ฟเวอร์
วิธีใช้ เครื่องสร้างรูปภาพตัวอย่าง (Placeholder)
- ป้อนความกว้างและความสูงเป็นพิกเซล หรือคลิกเลือกขนาดที่ตั้งไว้ล่วงหน้า
- เลือกสีพื้นหลังและสีข้อความ — ใช้ปุ่มสลับเพื่อสลับสีทั้งสอง
- พิมพ์ป้ายข้อความเอง หรือปล่อยว่างไว้เพื่อแสดงขนาดภาพ (เช่น “800 × 600”)
- เลือกฟอร์แมตเอาต์พุต: PNG, JPEG, WebP หรือ SVG และตั้งค่าคุณภาพหากจำเป็น
- ดาวน์โหลดภาพ หรือคัดลอกเป็น data URI หรือโค้ด SVG เพื่อฝังโดยตรง