🏞️ เครื่องสร้างภาพตัวอย่าง

เกี่ยวกับ

เครื่องมือนี้ใช้ API Canvas ของเบราว์เซอร์เพื่อสร้างสี่เหลี่ยมสีเดียวที่มีขนาดพิกเซลตามที่คุณกำหนด แล้ววางป้ายกำกับข้อความตรงกลาง — ตัวอย่างเช่น 800×600 คุณสามารถเลือกสีพื้นหลังและสีข้อความได้ผ่านตัวเลือกสี ใส่ป้ายกำกับที่กำหนดเอง และเลือก PNG, JPEG หรือ WebP เป็นรูปแบบการส่งออก ผลลัพธ์สามารถบันทึกเป็นไฟล์ หรือคัดลอกเป็น URI ข้อมูล Base64 เพื่อแทรกใน HTML หรือ CSS โดยตรง เนื่องจากทุกอย่างทำงานในไคลเอนต์ ข้อมูลของคุณจะไม่ถูกส่งออกจากรายการเบราว์เซอร์ และไม่จำเป็นต้องสร้างบัญชีหรือเซิร์ฟเวอร์

วิธีใช้งาน

1. กรุณาใส่ความกว้างและความสูงที่ต้องการ (ไม่เกิน 4000 พิกเซลต่อหน่วย)
2. เลือกสีพื้นหลังและสีข้อความโดยใช้เครื่องเลือกสี
3. พิมพ์ป้ายข้อความแบบกำหนดเอง หรือปล่อยว่างเพื่อแสดงขนาดของภาพอัตโนมัติ
4. เลือกรูปแบบการส่งออก — PNG, JPEG หรือ WebP — และตรวจสอบภาพตัวอย่างแบบเรียลไทม์
5. คลิกดาวน์โหลดเพื่อบันทึกไฟล์ภาพ หรือคัดลอก URI ข้อมูลฐาน 64 เพื่อแทรกเข้ากับโค้ดโดยตรง

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

ภาพตัวอย่างคืออะไร?

ภาพตัวอย่างคือกราฟิกชั่วคราวที่ใช้ในระหว่างการพัฒนาเว็บไซต์หรือแอปเพื่อจองพื้นที่ในรูปแบบก่อนที่ภาพจริงจะพร้อม — มักใช้ในแบบร่าง, โปรโตไทป์ และเทมเพลต HTML

มีขนาดภาพสูงสุดไหม?

เครื่องสร้างภาพรองรับขนาดสูงสุด 4000×4000 พิกเซล หากเกินกว่านั้น ข้อจำกัดของหน่วยความจำในแคนเวสของเบราว์เซอร์อาจทำให้เกิดข้อผิดพลาด สำหรับการใช้งานพัฒนาส่วนใหญ่ 4000 พิกเซลต่อด้านนั้นมากกว่าเพียงพอ

URI ข้อมูลฐาน 64 คืออะไร และเมื่อใดควรใช้?

URI ข้อมูลฐาน 64 คือการเข้ารหัสภาพเป็นข้อความที่คุณสามารถวางตรงเข้ากับคุณสมบัติ src ของแท็ก img หรือค่า background-image ใน CSS โดยไม่จำเป็นต้องมีไฟล์ภาพแยกต่างหาก ใช้ดีที่สุดสำหรับภาพขนาดเล็กในโปรโตไทป์หรืออีเมล

ควรเลือกรูปแบบการส่งออกใด — PNG, JPEG หรือ WebP?

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

เครื่องมือนี้อัปโหลดข้อมูลของฉันไปยังเซิร์ฟเวอร์ไหม?

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

เครื่องมือนี้จะอัปโหลดข้อมูลของฉันหรือไม่?

ไม่ ทุกอย่างทำงานในเบราว์เซอร์ของคุณ ดังนั้นข้อมูลของคุณจึงไม่เคยออกจากอุปกรณ์ของคุณ — และหลังจากโหลดหน้าแล้วยังใช้งานแบบออฟไลน์ได้ด้วย