📐 占位图生成器
快速生成 SVG 占位图,适配设计和开发场景
尺寸设置
样式设置
24px
预览
800 × 450
实际尺寸: 800 × 450px
SVG 代码
<svg width="800" height="450" xmlns="http://www.w3.org/2000/svg">
<rect fill="#1f2937" width="100%" height="100%"/>
<text x="50%" y="50%" fill="#9ca3af" font-size="24" font-family="system-ui, sans-serif" text-anchor="middle" dominant-baseline="middle">800 × 450</text>
</svg>HTML 代码
<div style="
width: 800px;
height: 450px;
background-color: #1f2937;
display: flex;
align-items: center;
justify-content: center;
color: #9ca3af;
font-size: 24px;
font-family: system-ui, sans-serif;
">
800 × 450
</div>快捷链接
直接引用图片(可用于 img 标签)
data:image/svg+xml;utf8,%3Csvg%20width%3D%22800%22%20height%3D%22450%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Crect%20fill%3D%22%231f2937%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%0A%20%20%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20fill%3D%22%239ca3af%22%20font-size%3D%2224%22%20font-family%3D%22system-ui%2C%20sans-serif%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%3E800%20%C3%97%20450%3C%2Ftext%3E%0A%3C%2Fsvg%3E