ESC

เครื่องสร้างภาพตัวแทน

ขนาด
สี
การตั้งค่าข้อความ
รูปแบบเอาต์พุต
การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีข้อมูลถูกส่งไปยังเซิร์ฟเวอร์ใดๆ

ตัวอย่างการใช้งาน

พัฒนาเว็บ

สร้างภาพตัวแทนสำหรับม็อคอัพและไวร์เฟรมเว็บไซต์ระหว่างการพัฒนา

สื่อสังคมออนไลน์

สร้างตัวแทนขนาดถูกต้องสำหรับปกเฟซบุ๊ก โพสต์อินสตาแกรม และอื่นๆ

ต้นแบบการออกแบบ

ใช้ตัวแทนสีที่กำหนดเองในต้นแบบการออกแบบเพื่อแสดงเลย์เอาต์

คุณสมบัติ

ขนาดกำหนดเอง

ตั้งค่าความกว้างและความสูงตั้งแต่ 1 ถึง 2000 พิกเซลสำหรับภาพตัวแทนของคุณ

ปรับแต่งสี

เลือกสีพื้นหลังและข้อความแบบกำหนดเองโดยใช้ตัวเลือกสีหรือโค้ด hex

ข้อความกำหนดเอง

เพิ่มข้อความของคุณเองหรือใช้การแสดงขนาดเริ่มต้นด้วยขนาดตัวอักษรที่ปรับได้

หลายรูปแบบ

ส่งออกเป็น PNG, JPEG หรือ WebP เพื่อความเข้ากันได้สูงสุด

วิธีใช้งาน

1

ตั้งค่าขนาด

ป้อนความกว้างและความสูงที่กำหนดเองหรือเลือกขนาดพรีเซ็ตสำหรับแพลตฟอร์มสื่อสังคม

2

ปรับแต่งรูปลักษณ์

เลือกสีพื้นหลัง สีข้อความ ข้อความกำหนดเอง และขนาดตัวอักษร

3

สร้างและดาวน์โหลด

คลิกสร้างเพื่อดูตัวอย่าง จากนั้นดาวน์โหลดในรูปแบบที่ต้องการ

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

รูปภาพ placeholder คือรูปภาพชั่วคราวที่ใช้ระหว่างการออกแบบหรือการพัฒนา ก่อนที่เนื้อหาจริงจะพร้อม ดีไซน์เนอร์ใช้ใน wireframes และ mockups เพื่อระบุตำแหน่งและสัดส่วนของรูปภาพ นักพัฒนาระบบนำมาใส่ในโปรเจกต์ระหว่างการสร้างเพื่อให้เลย์เอาต์แสดงผลได้อย่างถูกต้องโดยไม่ต้องรอสินทรัพย์สุดท้าย โดยปกติแล้วจะแสดงขนาดหรือป้ายกำกับแทนเนื้อหาจริง

ความกว้างและความสูงแต่ละด้านอยู่ในช่วง 1 ถึง 2000 px ครอบคลุมตั้งแต่ favicons ขนาดเล็ก (16x16) ไปจนถึงแบนเนอร์หน้าแรกบนเดสก์ท็อปขนาดใหญ่ (1920x600) สำหรับพื้นที่วาดภาพที่ใหญ่มาก เบราว์เซอร์มือถือรุ่นเก่าอาจจะช้าลงเล็กน้อย แต่เบราว์เซอร์สมัยใหม่สามารถจัดการช่วงขนาดทั้งหมดได้โดยไม่มีปัญหา

ได้ เพียงพิมพ์ข้อความใดๆ ในช่อง Custom Text และจะปรากฏตรงกลางรูปภาพ หากปล่อยให้ช่องว่างไว้ เครื่องมือจะแสดงขนาดโดยอัตโนมัติแทน (เช่น 800x600) ซึ่งเป็นลักษณะมาตรฐานของ placeholder คุณยังสามารถปรับขนาดตัวอักษรเพื่อขยายหรือลดขนาดป้ายกำกับได้ด้วย

เมนู preset ครอบคลุมขนาดที่พบบ่อยที่สุดของแพลตฟอร์มต่างๆ: Facebook cover (820x312), Facebook post (1200x630), Instagram square (1080x1080), Instagram story (1080x1920), Twitter/X header (1500x500), Twitter/X post (1200x675), LinkedIn cover (1584x396), LinkedIn post (1200x627), YouTube thumbnail (1280x720) และ Open Graph (1200x630) เลือก preset แล้วช่องความกว้าง/ความสูงจะอัปเดตโดยอัตโนมัติ

PNG เป็นแบบไม่สูญเสียรายละเอียด (lossless) และเหมาะที่สุดสำหรับกราฟิกที่มีขอบชัดเจน ข้อความ หรือพื้นหลังโปร่งใส JPEG เป็นแบบสูญเสียรายละเอียดแต่ให้ไฟล์ขนาดเล็กกว่าและเหมาะสำหรับเมื่อคุณต้องการแค่บล็อกสีอย่างรวดเร็ว WebP ให้การบีบอัดที่ดีกว่าทั้งสองแบบในขณะที่ยังคงคุณภาพสูงและรองรับโดยเบราว์เซอร์สมัยใหม่ทั้งหมด สำหรับรูปภาพ placeholder ที่ขนาดไฟล์ไม่มีผลมากนัก PNG เป็นตัวเลือกเริ่มต้นที่ปลอดภัยที่สุด

ไม่มีลายน้ำแน่นอน รูปภาพจะถูกสร้างขึ้นทั้งหมดในเบราว์เซอร์ของคุณโดยใช้ HTML5 Canvas API สิ่งที่คุณเห็นในตัวอย่างคือสิ่งที่คุณจะดาวน์โหลดลงไป ไม่มีการเพิ่มตราสินค้าใดๆ ทั้งสิ้น

ได้ โดยไม่มีข้อจำกัด รูปภาพที่สร้างขึ้นในเบราว์เซอร์ของคุณเป็นของคุณ เนื่องจากเครื่องมือนี้สร้างสี่เหลี่ยมสีพื้นพร้อมข้อความเลือกได้ จึงไม่มีอะไรที่เป็นกรรมสิทธิ์เฉพาะตัวในผลลัพธ์ คุณสามารถนำไปใช้ใน mockups, ผลงานส่งมอบ, การนำเสนองานให้ลูกค้า หรือใช้ชั่วคราวในการผลิตจริงในระหว่างที่เตรียมสินทรัพย์สุดท้าย

ไม่มีเลย HTML5 Canvas API จัดการการเรนเดอร์ทั้งหมดภายในเบราว์เซอร์ของคุณ ค่าความกว้าง/ความสูงที่ใส่, การเลือกสี และข้อความที่กำหนดเองจะไม่หลุดออกจากอุปกรณ์ของคุณ ไม่มีการเรียกเซิร์ฟเวอร์ ไม่มีการอัปโหลด และไม่ต้องการบัญชีผู้ใช้ใดๆ

เครื่องสร้างภาพตัวแทนคืออะไร?

เครื่องมือฟรีบนเบราว์เซอร์ที่สร้างภาพ placeholder ด้วยขนาด สี และข้อความที่ต้องการ ใช้ HTML5 Canvas สร้างทันทีโดยไม่ผ่านเซิร์ฟเวอร์ เหมาะสำหรับม็อคอัพ ไวร์เฟรม และต้นแบบการออกแบบ

พรีเซ็ตสื่อสังคมในตัว

ต้องการปกเฟซบุ๊ก โพสต์อินสตาแกรม หรือเฮดเดอร์ทวิตเตอร์ขนาดถูกต้อง? เมนูพรีเซ็ตให้ขนาดพิกเซลที่แม่นยำสำหรับทุกแพลตฟอร์มหลัก

ทำไมนักพัฒนาชอบใช้

ระหว่างพัฒนามักต้องการภาพเร็วๆ ในขนาดที่กำหนด แทนที่จะหาภาพสต็อกหรือเปิดโปรแกรมแก้ไข แค่ป้อนกว้างและสูง กดสร้าง แล้วใช้ได้เลย ไม่ต้องลงทะเบียน ไม่มีลายน้ำ

ส่งออกหลายรูปแบบ

ดาวน์โหลด placeholder เป็น PNG สำหรับคุณภาพไม่สูญเสีย JPEG สำหรับไฟล์เล็กลง หรือ WebP สำหรับเบราว์เซอร์สมัยใหม่ ตัวเลือกรูปแบบอยู่ข้างปุ่มดาวน์โหลด

ความปลอดภัยและความเป็นส่วนตัว

ความปลอดภัยของข้อมูลของคุณคือความสำคัญอันดับแรกของเรา

การประมวลผลภายใน

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ

ไม่มีการถ่ายโอนข้อมูล

ข้อมูลของคุณจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ของเรา

ไม่มีการจัดเก็บข้อมูล

ไม่มีข้อมูลถูกเก็บหรือแบ่งปัน

การเข้ารหัส SSL

การเข้ารหัส SSL สำหรับการเชื่อมต่อที่ปลอดภัย

อีกมากมายใน MoreOnlineTools