配置
预览
600×400
SVG 代码
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400" viewBox="0 0 600 400">
  <rect width="600" height="400" fill="#cccccc"/>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-size="24" fill="#666666">600×400</text>
</svg>

如何使用SVG占位图生成器

  1. 设置SVG图片的宽度和高度
  2. 选择背景色和文字颜色
  3. 可选输入自定义文字
  4. 点击「生成」按钮,复制SVG代码或下载文件

SVG占位图生成器功能说明

  • 生成SVG格式占位图片
  • 自定义尺寸、颜色和文字
  • 支持复制SVG代码直接嵌入HTML
  • 文件体积小,加载速度快

注意事项

  • SVG为矢量格式,任意缩放不失真
  • 适合用作设计稿占位图
  • 不支持照片类图片占位
  • 复制代码后可直接粘贴到HTML文件中