SVG 占位图生成器

在线 SVG 占位图生成器，可自定义尺寸/背景色/文字色/字号/文字，支持导出 SVG 和 Base64 格式。

SVG 占位图生成器

宽度 (px)高度 (px)

字号自定义文本

背景色文字色

SVG 源码

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 350" width="600" height="350">
  <rect width="600" height="350" fill="#cccccc"></rect>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="26px" fill="#333333">600x350</text>
</svg>

关于 SVG 占位图生成器

生成自定义尺寸和颜色的 SVG 占位图像，适用于网页原型设计、前端开发中的图片占位、README 文档插图等。可调节宽度、高度、背景色、文字颜色、字号和自定义文字，支持复制 SVG 源码、Base64 Data URL 和直接下载。

常见问题

为什么使用 SVG 占位图？

SVG 占位图可直接嵌入 HTML，不需网络请求，加载速度快。与栅格图像（PNG/JPG）不同，SVG 是矢量格式，缩放无损。在开发原型时非常方便。

SVG 占位图生成器

关于 SVG 占位图生成器

常见问题

相关工具