แปลงข้อความเป็นรูปภาพ (Text to Image)

Simple image placeholder service

ขนาดของรูปภาพสำหรับงานต่างๆ

ภาพตัวอย่าง

สร้างข้อความเป็นภาพ

some properties needs、bender prefix (-webkit-).

ภาพตัวอย่าง

URL

https://placehold.jp/{font size}/{background color}/{font color}/{image size}.png?text={your text}

ภาพตัวอย่าง

การใช้งาน

การกำหนดความกว้างและความสูง

https://placehold.jp/{width}x{height}.png

e.g.: <img src="https://placehold.jp/150x50.png">

ภาพตัวอย่าง

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

https://placehold.jp/{font color}/150x100.png
https://placehold.jp/{background color}/{font color}/150x100.png
https://placehold.jp/{font size}/{background color}/{font color}/150x100.png

e.g.: <img src="https://placehold.jp/24/cc9999/993333/150x100.png">

ภาพตัวอย่าง

การกำหนดรูปแบบภาพ

รูปแบบภาพที่ใช้ได้คือ JPG และ PNG

e.g.:
<img src="https://placehold.jp/006699/cccc00/150x100.png">
<img src="https://placehold.jp/006699/cccc00/150x100.jpg">

ภาพตัวอย่าง

Text

คุณสามารถใส่ข้อความให้กับรูปภาพได้ โดยใช้พารามิเตอร์ "text"

https://placehold.jp/250x50.png?text={text}

e.g.: <img src="https://placehold.jp/24/cccccc/ffffff/250x50.png?text=placehold.jp">

ภาพตัวอย่าง

การใช้งาน CSS

สามารถใช้ CSS ได้ โดยคลิกเลือก CSS enabled

https://placehold.jp/250x50.png?&css={JSON formated CSS}

e.g.: <img src="https://placehold.jp/3d4070/ffffff/150x150.png?css=%7B%22border-radius%22%3A%2215px%22%7D">

ภาพตัวอย่าง

แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า