แปลงฟรี
ตัวยึดตำแหน่ง SVG เครื่องกำเนิดภาพ
สร้างรูปภาพตัวยึดตำแหน่ง SVG แบบกำหนดเองสำหรับการพัฒนาเว็บ กำหนดขนาด สี และข้อความได้ทันที
ดูตัวอย่าง
400 × 300 px
ความกว้าง (พิกเซล)
ความสูง (พิกเซล)
สีพื้นหลัง
#CCCCCC
สีข้อความ
#666666
ข้อความที่กำหนดเอง
ขนาดตัวอักษร24px
8px64px120px
รูปร่าง
แสดงเส้นขอบ
รหัส SVG
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300"> <rect width="400" height="300" rx="0" ry="0" fill="#cccccc" stroke="none"/> <text x="50%" y="50%" font-family="Arial, Helvetica, sans-serif" font-size="24" fill="#666666" text-anchor="middle" dominant-baseline="middle">400 × 300</text> </svg>
URL ข้อมูล
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgNDAwIDMwMCI+CiAgPHJlY3Qgd2lkdGg9IjQwMCIgaGVpZ2h0PSIzMDAiIHJ4PSIwIiByeT0iMCIgZmlsbD0iI2NjY2NjYyIgc3Ryb2tlPSJub25lIi8+CiAgPHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiBmaWxsPSIjNjY2NjY2IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIj40MDAgw5cgMzAwPC90ZXh0Pgo8L3N2Zz4=
Use as:
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz..." />